/* Banner */
.cookie-banner {
	font-family: sans-serif;
	text-align: center;
	color: #fff;
	padding: 10px;
	background-color: #6482d7;
	background-color: rgba(100, 130, 215, 1);
	line-height: 1.5em;
	position: relative;
}

/* Banner top */
.cookie-banner--top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100000;
}

/* Banner bottom */
.cookie-banner--bottom {
	position: fixed;
	right: 0;
	bottom: 20px;
	left: 0;
	z-index: 100000;
    width: 50%;
    margin: 0 auto;
}

/* Privacy link */
.cookie-banner__link {
	color: #fff;
}

/* Basic button */
.cookie-banner__button {
	color: #fff;
	transition: background 0.2s;
	text-decoration: none;
}

/* Consent button */
.cookie-banner__button--consent {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 3px;
	background-color: #000;
}

.cookie-banner__button--consent:hover {
	cursor: pointer;
	background-color: green;
}
 
 
@media screen and (max-width:640px){
	.cookie-banner--bottom {
		width:90%;
	}
}