.call_to_action{
	margin-top: -9rem;
	padding-top: ($cy-spacer * 1.5);
	padding-bottom: ($cy-spacer * 1.5);
	background: linear-gradient(to bottom, transparent 9rem, var(--coyote-footer-background) 9rem);
	position: relative;
	& > .container{
		position: relative;
		.container-inner{
			border-radius: calc(var(--coyote-border-radius) * 1.4);
			overflow: hidden;
			background:
				linear-gradient(135deg, color-mix(in srgb, var(--coyote-button-background) 94%, white), var(--coyote-button-background));
			color: var(--coyote-button-text);
			box-shadow: var(--coyote-shadow-strong);
			border: 1px solid color-mix(in srgb, var(--coyote-button-hover-background) 35%, transparent);
			position: relative;
			&:before{
				content: "";
				position: absolute;
				inset: 0;
				background: radial-gradient(circle at top right, rgba(255,255,255,.2), transparent 35%);
				pointer-events: none;
			}
		}
		& > i{
			content: "";
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 5.5rem;
			height: 5.5rem;
			background: color-mix(in srgb, var(--coyote-button-background) 88%, white);
			border-radius: 100%;
			color: var(--coyote-button-text);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			z-index: 3;
			font-size: 2.5rem;
			box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
		}
	}
	.row{
		position: relative;
		z-index: 1;
	}
	h2, h3{
		line-height: 1.05;
		max-width: 14ch;
		margin-left: auto;
		margin-right: auto;
	}
	.mt-4{
		max-width: 62ch;
		margin-left: auto;
		margin-right: auto;
		opacity: .92;
	}
	.buttons-wrapper{
		justify-content: center;
	}
	.btn{
		box-shadow: none;
	}
	@media screen and (max-width: 991px){
		margin-top: -5rem;
		padding-top: $cy-spacer;
		background: linear-gradient(to bottom, transparent 5rem, var(--coyote-footer-background) 5rem);
		& > .container > i{
			width: 4.5rem;
			height: 4.5rem;
			font-size: 2rem;
		}
	}
}
