/*
Block Name: Call To Action
Description: An extremely flexible block to create a call to action block
*/

.block-cta { position: relative; }
.block-cta::before{content: ''; position: absolute; top: 0; left: 0; width: 75%; height: 100%; background-image: url(/wp-content/themes/toast/assets/images/cta-accent.svg); z-index: 0; background-size: cover; opacity: 1; mix-blend-mode: multiply; background-position: left bottom;}
.block-cta .cta-wrapper {display: flex; overflow: hidden; padding: 5rem;}
.block-cta .cta-image-side {background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; right: -33%; bottom: 50%; width: 50%; border-radius: 50%;transform: translate(-33%, 50%); border: 2rem solid #fff; aspect-ratio: 1/1; z-index: 5;}
.block-cta .cta-text-side{padding-right: 45%;}

.block-cta .cta-content .button1{margin-top: 1rem}

.block-cta .button + .button {margin-left: 2rem;}

@media(max-width: 1500px) {
	.block-cta .cta-image-side { right: -40%; width: 60%;}
}

@media(max-width: 1024px) {
	.block-cta {padding-bottom: 0;}
	.block-cta .cta-wrapper{flex-direction: column-reverse; padding: 5rem; }
	.block-cta .cta-image-side{position: static; height: 66%; width: 66%; margin: 0 auto; transform: none;}
	.block-cta .cta-text-side{padding-right: 0;}
}

@media(max-width: 768px) {
	.block-cta .cta-image-side{ height: 80%; width: 80%; border: 1rem solid #fff;}
	.block-cta .cta-wrapper{padding: 2.5rem;}
}