.cookie-consent {
	--cookie-consent-top-desk: 7.625rem;
	--cookie-consent-width-desk: 25rem;

	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 35;
	box-sizing: border-box;
	width: 100%;
	padding: 1.25rem;
	border: 0.0625rem solid var(--color-base-white-100);
	border-bottom: none;
	border-radius: 1.25rem 1.25rem 0 0;
	background-color: var(--color-base-white-80);
	backdrop-filter: blur(1.25rem);
	-webkit-backdrop-filter: blur(1.25rem);
	gap: 1.25rem;
}

#binovi-app:not(.--vue-ready) .cookie-consent {
	visibility: hidden;
}

.cookie-consent__text {
	margin: 0;
	color: var(--color-base-black-100);
	word-break: break-word;
	font-size: 1rem;
	line-height: 1.2;
}

.cookie-consent__link {
	font-size: inherit;
	line-height: inherit;
	color: var(--color-primary-300);
	text-decoration: none;
	transition: color 0.24s ease;
}

.cookie-consent__link:hover,
.cookie-consent__link:focus-visible {
	color: var(--color-base-black-100);
}

.cookie-consent .cookie-consent__accept.btn.--black {
	width: 100%;
	min-height: 3.25rem;
	padding: 0.25rem 2rem;
	font-size: 0.875rem;
	line-height: 1.1;
}

@media screen and (min-width: 64rem) {
	.cookie-consent {
		top: var(--cookie-consent-top-desk);
		right: max(
			var(--layout-grid-col-gutter),
			calc((100vw - min(100vw, var(--layout-container-max))) / 2 + var(--layout-grid-col-gutter))
		);
		bottom: auto;
		left: auto;
		width: var(--cookie-consent-width-desk);
		padding: 1.875rem;
		border: 0.0625rem solid var(--color-base-white-100);
		border-radius: 1.25rem;
		gap: 1.25rem;
	}

	.cookie-consent__text {
		font-size: 1.25rem;
	}

	.cookie-consent .cookie-consent__accept.btn.--black {
		min-height: 3.75rem;
		padding: 0.25rem 0.25rem;
		font-size: 1rem;
	}
}