.serg-cookies-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1080;
	padding: 0 0 16px;
	pointer-events: none;
}

.serg-cookies-banner .container {
	pointer-events: auto;
}

.serg-cookies-banner__inner {
	display: block;
	position: relative;
	padding: 16px 20px;
	border: 1px solid #E9E9E9;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: 0 8px 28px rgba(15, 16, 74, 0.12);
	overflow: hidden;
}

.serg-cookies-banner__inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #FF6600 0%, #D40B40 35%, #790C89 65%, #0FB8BA 100%);
}

.serg-cookies-banner__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
}

.serg-cookies-banner__text {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	color: #0F104A;
	font-family: 'Manrope', Arial, Verdana, Tahoma;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
}

.serg-cookies-banner__text a {
	color: #D40B40;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.25s ease;
}

.serg-cookies-banner__text a:hover,
.serg-cookies-banner__text a:focus,
.serg-cookies-banner__text a:active {
	color: #0F104A;
	text-decoration: none;
}

.serg-cookies-banner__actions {
	flex: 0 0 auto;
}

.serg-cookies-banner__accept {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	min-height: 42px;
	padding: 0 22px;
	border: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, #FF6600 0%, #D40B40 50%, #FF6600 100%);
	background-size: 200% 200%;
	background-position: 0 0;
	color: #FFFFFF;
	font-family: 'Manrope', Arial, Verdana, Tahoma;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background-position 0.45s ease-in-out, transform 0.28s ease, box-shadow 0.28s ease;
	box-shadow: 0 4px 14px rgba(212, 11, 64, 0.25);
}

.serg-cookies-banner__accept:hover,
.serg-cookies-banner__accept:focus,
.serg-cookies-banner__accept:active {
	color: #FFFFFF;
	background-position: 100% 100%;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(212, 11, 64, 0.32);
}

.serg-cookies-banner--hidden {
	display: none !important;
}

/* < MD */
@media screen and (min-width: 0px) and (max-width: 991.98px) {
	.serg-cookies-banner__row {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.serg-cookies-banner__accept {
		width: 100%;
	}
}

/* XS */
@media screen and (min-width: 0px) and (max-width: 575.98px) {
	.serg-cookies-banner {
		padding: 0 0 12px;
	}

	.serg-cookies-banner__inner {
		padding: 14px 14px;
	}

	.serg-cookies-banner__text {
		font-size: 14px;
		line-height: 1.45;
	}
}
