.survey2026TopBanner {
	background-color: #ffad00;
	display: flex;
	align-items: center;
	height: 90px;
}

.survey2026TopBanner .container {
	width: 100%;
}

.survey2026TopBanner__wrapper {
	display: flex;
	width: 100%;

	&:before,
	&:after {
		content: '';
		background: url('/assets/images/survey2026/top-line.webp') right center;
		width: 100px;
		height: 69px;
	}

	&:after {
		transform: scaleX(-1);
	}
}

.survey2026TopBanner__flexBlock {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	height: 69px;
	flex: 1;
	gap: clamp(20px, 6.7vw, 100px);
}

.survey2026TopBanner__text {
	font-size: clamp(18px, 2.1vw, 30px);
	font-weight: bold;
	color: #000;
	text-align: center;
}

.survey2026TopBanner__bttnWrapper {
	background-color: #06A745;
	color: #fff;
	padding: 5px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border-bottom: 2px solid #0b7334;
	border-left: 2px solid #0b7334;
	width: 100%;
	max-width: clamp(160px, 13.4vw, 200px);
	font-size: clamp(12px, 1.1vw, 16px);
	text-transform: uppercase;
	font-weight: bold;
	transition: 500ms all;
	text-align: center;



	&:hover {
		background-color: #0b7334;
	}
}

@media (min-width: 1024px) {
	.survey2026TopBanner {
		padding-left: 300px;
	}
}

@media (max-width: 1023px) {
	.survey2026TopBanner__flexBlock {
		gap: clamp(20px, 9.7vw, 100px);
	}

	.survey2026TopBanner__text {
		font-size: clamp(14px, 3vw, 30px);
	}

	.survey2026TopBanner__bttnWrapper {
		max-width: clamp(160px, 19.6vw, 200px);
		font-size: clamp(12px, 1.6vw, 16px);
	}
}

@media (max-width: 575px) {
	.survey2026TopBanner__flexBlock {
		flex-direction: column;
		gap: 5px;
		justify-content: space-between;
		padding: 5px;
	}

	.survey2026TopBanner__wrapper {
		&:before, &:after {
			width: 57px;
		}
	}
}