/* custom.css */

/* lnk */

.lnk {
	text-decoration: underline;
	color: inherit;
}

.lnk:hover {
	text-decoration: none;
}

/* cookie */

.cookie {
	animation: cookieShow 1s ease forwards;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	border-radius: 0;
	border: 0;
	background: rgba(36, 28, 24, 0.55);
	padding: 30px;
	box-sizing: border-box;
	opacity: 0;
	display: none;
	backdrop-filter: blur(6px);
	box-shadow: 0 0 30px #000000b2;
}

.cookie_pos {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

@media (min-width: 540px) {
	.cookie {
		font-size: 16px;
	}
}

@keyframes cookieShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.cookie__body {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px 20px;
	max-width: calc(var(--container-width) + var(--margin) * 4);
	margin: 0 auto;
	padding-right: calc(var(--margin) * 2);
	padding-left: calc(var(--margin) * 2);
	box-sizing: border-box;
}

@media (min-width: 720px) {
	.cookie__body {
		flex-direction: row;
	}
}

.cookie__content {
	flex-grow: 1;
	min-width: 0;
}

.cookie__btns {
	display: flex;
	justify-content: center;
	align-items: center;
}