.cookie-banner {
	transition: all .3s ease-in-out;
	transition-property: background-color, color;
	align-items: center;
	background-color: #573f1c;
	border-radius: 1rem;
	bottom: 2rem;
	color: #fff;
	display: none;
	font-size: 1.2rem;
	justify-content: center;
	left: 2rem;
	line-height: 2rem;
	padding: 2rem;
	position: fixed;
	right: 2rem;
	width: calc(100% - 4rem);
	z-index: 200
}
@media (min-width: 48em) {
	.cookie-banner {
		border-radius: 0 1rem 0 0;
		left: 0;
		bottom: 0;
		padding: 1.5rem 3rem 1.4rem 4rem;
		width: auto;
		right: auto
	}
}
@media (min-width: 48em) {
	.cookie-banner__layout {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}
.cookie-banner__accept {
	width: 100%;
	margin-top: 2rem;
	padding: 1.2rem 3rem 1.4rem
}
@media (min-width: 48em) {
	.cookie-banner__accept {
		margin-top: 0;
		padding: 1.2rem 4rem 1.4rem;
		width: auto;
		margin-left: 3.2rem
	}
}
@media (hover: hover) and (pointer: fine) {
	.cookie-banner__accept:hover:not(:disabled) {
		background-color: #fff;
		color: #573f1c
	}
}