$o-cta-bp-large: 920;


.o-cta {
	position: relative;
	z-index: 0;
	max-width: 884px;
	margin: 0 auto;
}


.o-cta__main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: column(1,14);
	color: palette(neutral, 0);
	background-image: linear-gradient(palette(primary, 500) space(5), palette(primary, 600) calc(100% - #{space(5)}));
	border-radius: map_get($border-radius, xs) map_get($border-radius, l) map_get($border-radius, s) map_get($border-radius, s);

	@include mq($o-cta-bp-large) {
		padding: space(6) column(1,14) space(8);

		&::before,
		&::after {
			content: '';
			position: absolute;
			z-index: -1;
		}
		&::before {
			bottom: 24px;
			left: -60px;
			width: 88px;
			height: 88px;
			background-image: url(/img/plane-ornament-1.svg);
		}
		&::after {
			top: 16px;
			right: -56px;
			width: 32px;
			height: 32px;
			background-image: url(/img/plane-ornament-2.svg);
		}
	}
}


.o-cta__title {
	@include font-size(l);
	@include font-weight(extraBold);
}


.o-cta__subtitle {
	@include font-size(base);
	@include font-weight(regular);
	margin-top: space(1);
}


.o-cta__actions {
	margin-top: space(5);
	justify-content: center;
}