:root {
	--cookie-max-width: 100%;
	--cookie-border: 0rem solid var(--light-grey);
	--cookie-bg: rgba(255, 255, 255, 0.75);
	--cookie-color: var(--dark-color, #000000);
	--cookie-shadow: var(--shadow);
	--cookie-radius: 0rem;
	--cookie-padding-x: 0rem;
	--cookie-padding-y: 1.25rem;
	--cookie-gap: 1.5rem;
	--cookie-gap-btns: 0.5rem;
	--cookie-font-size: 1.25rem;
	--cookie-z-index: 999;

	--accent-color: #b39038;
	--white-color: #ffffff;
}
.cookie-message-wrap {
	position: fixed;
	z-index: var(--cookie-z-index);
	bottom: 0;
	left: 0;
	width: 100%;
	transition: 0.3s;
	pointer-events: none;
}
.cookie-message-wrap.close {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: scale(0);
}
.cookie-message-wrap .cookie-message {
	width: 100%;
	min-width: calc(22.5rem - var(--container-padding-x, 0rem) * 2);
	max-width: var(--cookie-max-width);
	margin-inline: auto;
	pointer-events: auto;
}
.cookie-message {
	padding: var(--cookie-padding-y) var(--cookie-padding-x);
	color: var(--cookie-color);
	background-color: var(--cookie-bg);
	border-top: var(--cookie-border);
	border-radius: var(--cookie-radius);
	box-shadow: var(--cookie-shadow);
	backdrop-filter: blur(1.25rem);
}
.cookie-message__close {
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 3;
	background-color: transparent;
}
.cookie-message__close::before{
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cookie-message__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--cookie-gap);
}
.cookie-message__info {
	font-size: var(--cookie-font-size);
	color: var(--cookie-color);
	/* max-width: 589px; */
}
.cookie-message__info a {
	display: inline;
	color: var(--accent-color);
	text-underline-offset: 0.25em;
}
.cookie-message__btns {
	display: flex;
	gap: var(--cookie-gap-btns);
	flex-shrink: 0;
}
.cookie-message__btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: auto;
	margin: 0;
	padding: 1.125rem 1.875rem;
	color: inherit;
	background-color: transparent;
	border: 0.0625rem solid currentColor;
	border-radius: 6.25rem;
	font-size: 16px;
	transition: 0.3s;
}
.cookie-message__btn.--prefer {
	border-color: transparent;
}
.cookie-message__btn--cancel {
	color: var(--accent-color);
	background-color: var(--white-color);
	border-color: currentColor;
}
@media (max-width: 1279.98px) {
	:root {
		--cookie-gap: 1rem;
		--cookie-font-size: 0.875rem;
	}
	.cookie-message-wrap {
		/* bottom: calc(var(--header-height, 0rem) + 0rem); */
		bottom: 0;
	}
	.cookie-message {
		padding-top: 28px;
	}
	.cookie-message__wrapper {
		flex-direction: column;
		align-items: stretch;
	}
	.cookie-message__btn {
		flex-grow: 1;
		padding-inline: 1rem;
	}
}
@media (max-width: 767.98px) {
	.cookie-message__btns {
		flex-direction: column;
	}
	.cookie-message__btn {
		padding-block: 12px;
	}
}
@media (any-hover: hover) and (any-pointer: fine) {
	.cookie-message__info a:hover {
		text-decoration: underline;
		color: var(--accent-color);
	}
	.cookie-message__btn--cancel:hover,
	.cookie-message__btn:hover {
		color: var(--white-color);
		background-color: var(--accent-color);
		border-color: var(--accent-color);
	}
	.cookie-message__btn.--prefer:hover {
		background-color: transparent;
		color: var(--accent-color);
		border-color: transparent;
	}
	.cookie-message__close:hover svg path {
		stroke: var(--accent-color);
	}
}