.top-cookie-banner {
	display: none;
	background-color: @global-footer;
	text-align: center;
	.content {
		padding: 10px;
		p {
			color: @white;
			text-align: center;
			margin: 0px auto;
			display: inline;
			a {
				color: @white;
				text-decoration: underline;
			}
			a:hover {
				font-weight: bold;
			}
		}
		button {
			background-color: @white;
			cursor: pointer;
			margin-left: 5px;
			padding: 3px 7px;
			color: @black;
			border-radius: 3px;
			border: none;
			font-size: 0.75em;
		}
		button:hover {
			background-color: @off-white;
		}
	}
}

.has-cookie {
    .top-cookie-banner {
        display: block;
    }
}

/* XS Styles */
@media (max-width: 767px) {
	.top-cookie-banner {
		.content {
			p {
				display: block;
			}
			button {
				padding: 13px 100px;
				margin: 10px 0 10px 0;
			}
		}
	}
}