.image-background-cta {
	position: relative;
	display: flex;
	align-items: flex-end;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--wp--preset--color--brand-blue);
	color: var(--wp--preset--color--base);
	text-decoration: none;
	border-radius: 30px;
}

.image-background-cta__image,
.image-background-cta__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: scale(1); transition: all 0.3s ease-in-out;
}

.image-background-cta__image {
	object-fit: cover;
	object-position: center;
}

.image-background-cta__overlay {
	background: linear-gradient(180deg,rgba(43,65,84,0) 0%,rgba(43,65,84,0.49) 86%,rgba(42,64,83, 1) 100%)
}

.image-background-cta__content {
	position: relative;
	z-index: 1;
	width: min(100%, var(--wp--style--global--wide-size));
	margin-inline: auto;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	display: flex;justify-content: space-between; align-items: baseline;
}

.image-background-cta__content > .acf-innerblocks-container {
	flex: 1;
}

.image-background-cta h2,
.image-background-cta .wp-block-heading {
	margin: 0;
	line-height: 1;
	color: inherit;
}

.image-background-cta__button {
	margin: 0;
}

.image-background-cta__button::after {
	display: block; content: "";
	width: 50px; height: 50px;
	background-image: url('/wp-content/themes/nsspca-theme/assets/images/circle-arrow-right.svg');
	background-size: contain; background-repeat: no-repeat;
	position: relative; top: 10px;
}

a.image-background-cta:hover .image-background-cta__image,
a.image-background-cta:focus .image-background-cta__image {
	transform: scale(1.1);
}

.image-background-cta--text-below-image {
	align-items: stretch;
	aspect-ratio: auto;
	background: transparent;
	color: var(--wp--preset--color--contrast);
	display: flex;
	flex-direction: column;
	overflow: visible;
}

.image-background-cta--text-below-image h3 {
	text-transform: initial; color: var(--wp--preset--color--contrast);
}
.image-background-cta--text-below-image h3::after {
	display: inline-block; content: "";
	width: 40px; height: 40px;
	background-image: url('/wp-content/themes/nsspca-theme/assets/images/circle-arrow-right-blue.svg');
	background-size: contain; background-repeat: no-repeat;
	position: relative; top: 10px; left: 10px;
}

.image-background-cta--text-below-image .image-background-cta__image {
	aspect-ratio: 16 / 9;
	border-radius: 30px;
	display: block;
	height: auto;
	position: static;
	width: 100%;
}

.image-background-cta--text-below-image .image-background-cta__overlay {
	display: none;
}

.image-background-cta--text-below-image .image-background-cta__content {
	padding: var(--wp--preset--spacing--20) 0 0;
	width: 100%;
}

a.image-background-cta--text-below-image:hover .image-background-cta__image,
a.image-background-cta--text-below-image:focus .image-background-cta__image {
	transform: none;
}

@media (max-width: 700px) {
	.image-background-cta {
		min-height: 360px;
	}

	.image-background-cta--text-below-image {
		min-height: 0;
	}

	.image-background-cta__overlay {
		background: rgba(27, 27, 27, 0.58);
	}
}