.cookie-banner {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 900;
	box-sizing: border-box;
	width: 100%;
	max-width: 100vw;
	padding: 0.75rem;
	padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
	pointer-events: none;
}

.cookie-banner .cookie-banner__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 43.75rem;
	margin-inline: auto;
	padding: 0.75rem;
	border-radius: 0.75rem;
	background-color: var(--color-blue-blue-100);
	pointer-events: auto;
	gap: 0.5rem;
	align-items: flex-start;
}

.cookie-banner .cookie-banner__text {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-gray-gray-700);
	word-break: break-word;
}

.cookie-banner .cookie-banner__link {
	color: var(--color-primary-300);
	text-decoration: underline;
	text-underline-offset: 0.125rem;
	transition: color 0.24s ease;
}

.cookie-banner .cookie-banner__link:hover,
.cookie-banner .cookie-banner__link:focus-visible {
	color: var(--color-primary-hover);
}

.cookie-banner .cookie-banner__accept {
	flex: 0 0 auto;
	width: 4.6875rem;
	height: 2.8125rem;
	padding: 0.9375rem 1.25rem;
	border-radius: 0.5rem;
	font-weight: 600;
}

@media screen and (min-width: 64rem) {
	.cookie-banner {
		padding: 1.25rem;
		padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
	}

	.cookie-banner .cookie-banner__inner {
		padding: 1.25rem;
		align-items: center;
	}

	.cookie-banner .cookie-banner__accept {
		width: 5rem;
		height: 2.75rem;
		padding: 1.125rem 1.25rem;
	}
}