/* @group CTA Banner
------------------------------------ */

.cta-banner .content-box .bp-multimedia {
	height: 23.6rem;
	border-radius: 1rem;
	overflow: hidden;
	position: relative;
}
.cta-banner .content-box .bp-multimedia::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--green);
	opacity: .5;
	pointer-events: none;
	z-index: var(--z-index-lowest);
}

.cta-banner .content-box .bp-button {
	position: absolute;
	top: 50%;
	right: 3rem;
	transform: translate(0, -50%);
	z-index: calc(var(--z-index-lowest) + 1);
}

@media only screen
and (min-width : 961px) {
	.cta-banner .content-box .bp-button {
		right: 12.5rem;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .cta-banner {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .cta-banner.animateActive {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
    --delay: 0.3s;
}