/* wrapper */
.cookie-banner {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	padding: 0 10px;
}

/* larger than 479px */
@media only screen and (min-width: 480px) {

	.cookie-banner {
		padding: 0 20px;
	}

}

/* container */
.cookie-banner--container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 12px 16px;
	border-radius: var(--border-radius-regular);
	margin-bottom: 10px;
	background-color: rgb(15, 15, 15);
}

/* larger than 479px */
@media only screen and (min-width: 480px) {

	.cookie-banner--container {
		margin-bottom: 20px;
	}

}

/* larger than 639px */
@media only screen and (min-width: 640px) {

	.cookie-banner--container {
		flex-wrap: nowrap;
	}

}

/* text wrapper */
.cookie-banner--text {
	flex: 1 1 auto;
	margin: 0;
}

/* text */
.cookie-banner--text p {
	color: rgb(255, 255, 255);
}

/* link */
.cookie-banner--text a,
.login .cookie-banner--text a {
	color: var(--accent-color);
}

/* link focus visible + hover */
.cookie-banner--text a:focus-visible,
.cookie-banner--text a:hover,
.login .cookie-banner--text a:focus-visible,
.login .cookie-banner--text a:hover {
	text-decoration: underline;
	color: var(--accent-color);
}

/* button wrapper */
.cookie-banner--button {
	flex: 0 0 auto;
}

/* button wrapper */
.cookie-banner--button button {
	cursor: pointer;
}