.supt-section-cta {
	@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
	background: $color-grey-background;

	.row {
		@mixin clamp padding-block, $spacing-12, $spacing-20, $breakpoint-xs, $breakpoint-xl;
		background: $color-grey-background;

		box-shadow:
			8px 8px 16px 0px $color-grey-1,
			-8px -8px 16px 0px $color-white;

		row-gap: $spacing-3;

		@media (max-width: calc($breakpoint-sm - 1px)) {
			margin: 0;
		}
	}

	&__head,
	&__body {
		@media (max-width: calc($breakpoint-md - 1px)) {
			padding-inline: $spacing-10;
		}
	}

	&__head {
		h2,
		h3,
		h4 {
			@extend %t-h2;
			margin-bottom: 0;
		}
	}

	&__body {
		@mixin clamp gap, $spacing-6, $spacing-8, $breakpoint-xs, $breakpoint-xl;

		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex: 1 0 0;

		> p {
			@extend %t-body-sm;
		}
	}
}