@import "../../../../themes/recast2025/style.css";

.banner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: var(--margins-base-vert) var(--margins-base-hori);
	background: var(--primary-recast-teal);
	width: 100%;
	color: var(--neutrals-black);
}

/* Cross rows */
.banner__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--margins-base-hori, 120px);
}

.banner__cross {
	width: var(--home-hero-anchor-maxwidth, 40px);
	height: var(--home-hero-anchor-maxwidth, 40px);
	background: url("../../../../themes/recast2025/assets/anchor-dark.svg") center center / contain no-repeat;
	display: inline-block;
	opacity: 0;
	transform: scale(0.2);
	transition: transform 500ms, opacity 1000ms ease;
}

.banner__cross.is-visible {
	opacity: 1;
	transform: scale(1);
}

.banner__cross:hover {
	transform: scale(1.5);
}

.banner__wrapper {
	margin: 0 auto;
	max-width: var(--global-maxwidth-maxwidth-s);
	text-align: center;
}

.banner__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-m);
}

.banner__title {
	position: relative;
	margin: 0;
	font-weight: 400;
	letter-spacing: 0.96px;
	font-size: var(--size-heading-l);
}

.banner__title span {
	color: var(--neutrals-white);
}

.banner__description {
	font-weight: 300;
}

.banner__buttons .cta-primary-on-light {
	display: block;
}

@media screen and (max-width: 900px) {
	.banner__row {
		padding: 0;
	}

	.banner__row--top {
		padding-bottom: 20px;
	}
	.banner__row--bottom {
		padding-top: 20px;
	}
}