wwwebman/cookie.scss

## cookie.scss
.m-cookies {
  display: none;
  background: $white;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: -border(darken($color-accent, 15%), $b-s-medium);
  @include z(overlay);
  a, p {
    color: $black;
    margin: 0;
    @include media("<md") {
      font-size: 12px;
    }
  }
  p {
    padding: $padding 0;
    line-height: 1;
  }
  a {
    text-decoration: underline;
  }
  button {
    margin: $margin auto;
    display: block;
    font-weight: 700;
    letter-spacing: .05em;
    background-color: darken($color-accent, 20%);
  }
}

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div class="m-cookies">
    <div class="container">
        <div class="row">
            <div class="col-sm-9"><p>Find out about the cookies - <a href="http://www.sussex.ac.uk/about/website/cookies" rel="nofollow noreferrer noopener" target="_blank">link</a></p></div>
            <div class="col-sm-3"><button type="button" class="btn">Accept</button></div>
        </div>
    </div>
</div>
</body>
</html>

## set-get-cookie.js
(function() {
	var btn = document.querySelector('.m-cookies button');
	var mCookie = document.querySelector('.m-cookies');

	function setCookie (name, value, exdays) {
		var date = new Date();
		date.setTime(date.getTime() + (exdays*24*60*60*1000));
		var expires = 'expires='+date.toUTCString();
		document.cookie = name + '=' + value + '; ' + expires + ";domain=" + window.location.hostname + ";path=/";
	}

	function getCookie(name) {
		var cname = name,
			cArg = document.cookie.split(';');
		for (i=0; i<cArg.length; i++) {
			var cA = cArg[i];
			while (cA.charAt(0) == ' ') cA = cA.substring(1);
			if (cA.indexOf(name) === 0) {
				return cA.substring(name.length, cA.length);
			}
		}
		return "";
	}


	// Set cookies onAccept
	btn.addEventListener('click', function(){
		mCookie.style.display = 'none';
		setCookie('cookie', 'accepted', 360);
	});

	// Show/hide coockie
	if (getCookie('cookie')) {
		mCookie.style.display = 'none';
	}else {
		mCookie.style.display = 'block';
	}
})()
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<div class="m-cookies">
	<div class="container">
	<div class="row">
	<div class="col-sm-9"><p>Find out about the cookies - <a href="http://www.sussex.ac.uk/about/website/cookies" rel="nofollow noreferrer noopener" target="_blank">link</a></p></div>
	<div class="col-sm-3"><button type="button" class="btn">Accept</button></div>
	</div>
	</div>
	</div>
	</body>
	</html>