Cookie disclaimer

c-cookie.js

var cookie = Cookies.get('c-cookie');

if( cookie == 33 ) {
console.log('Cookie already accepted');
} else {
	$('#cookie').fadeIn('#c-cookie');
	$('#cookie-agree').click(function(){
		Cookies.set('c-cookie', '33', { expires: 7 });
		$('#cookie').fadeOut('#c-cookie');
	});
}

footer.html

<div class="c-cookie" id="cookie" style="display: none;">
  <div>
    <h5>Cookie Disclaimer</h5>
    <p>We use cookies for performance, social media and advertising purposes. Social media and advertising cookies of third parties are used to offer you personalized ads and content.</p>
    <p>To get more information on our cookies and how to manage them please <a href="/data-protection">view our privacy policy.</a></p>
  </div>
  <div>
    <a href="javascript:void(0);" id="cookie-agree">ACCEPT</a>
  </div>
</div>

pp-copy.txt

Cookies and local storage may be set and accessed on your computer. Upon your first visit, a cookie or local storage may be sent to your computer that uniquely identifies your browser. "Cookies" and local storage are small files containing a string of characters that is sent to your computer's browser and stored on your device when you visit a website. Many major web services use cookies to provide useful features for their users. Each website can send its own cookie to your browser. Most browsers are initially set up to accept cookies. You can reset your browser to refuse all cookies or to indicate when a cookie is being sent; however, if you reject cookies, you will not be able to take full advantage of our website. Additionally, if you clear all cookies on your browser at any point after setting your browser to refuse all cookies or indicate when a cookie is being sent, you will have to again reset your browser to refuse all cookies or indicate when a cookie is being sent.

You may reject or disable session cookies by altering the cookie function of your browser. The “help” portion of the toolbar on most browsers will tell you how to stop accepting new cookies, how to be notified when you receive a new cookie, and how to disable existing cookies.

We define Cookies and their purposes with different groups:

Essential cookies
We use essential cookies for the duration of each session (“session cookies”). Session cookies are essential to enable you to securely access the functionalities. Session cookies are deleted when you close your web browser. We strongly recommend that you leave these cookies active, because they enable you to take advantage of the features and functionality of our website.

Performance
These cookies allow us to improve the site’s functionality by tracking usage on the website. In some cases these cookies improve the speed with which we can process your request, allow us to remember site preferences you have selected. Blocking these cookies may result in poorly-tailored recommendations and slow site performance.

Marketing
Marketing cookies (of third parties) collect information to help better tailor marketing to your interests, both within and beyond our websites. Blocking these cookies may result in seeing marketing and or content that is not as relevant to you and require you to refill your information in forms to access resources.

styling.scss

.c-cookie {
	position: fixed;
	z-index: 9999999;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	padding: 10px 20px;
	box-shadow: 0px 3px 33px -1px rgba(128,128,128,0.5);
	display: flex;
	align-items: center;
	h5 {
		font-size: 16px;
		margin: 0 0 5px 0;
	}
	p {
		font-size: 14px;
		line-height: 1.3;
		margin: 0 0 5px 0;
	}
	div:last-child {
		a {
			display: inline-block;
    	padding: 3px 15px;
    	margin: 0 10px;
    	background-color: black;
    	color: white;
		}
	}
}