.block-image-cta {
	position: relative;
}
.block-image-cta.has-background {
	border-radius: 10px;
}

.block-image-cta .block-image-cta__title {
	font-size: clamp(1.375rem, 2.4vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 0;
}

.block-image-cta p {
	font-size: var(--wp--preset--font-size--small);
}

.block-image-cta__badge {
	position: absolute;
	top: 0;
	left: var(--wp--custom--layout--block-gap-large);
	background-color: #84ddcd;
	text-transform: uppercase;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 7px 11px;
	border-radius: var(--wp--custom--border-radius--tiny);
	transform: translateY(-1em);
	max-width: calc( 100% - ( 2 * var(--wp--custom--layout--block-gap-large) ) );
}

.block-image-cta__badge svg {
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
}

.block-image-cta__image {
	border-radius: 10px;
	overflow: hidden;
}

.block-image-cta__image img {
	width: 100%;
}

.block-image-cta__inner > p:not(:first-child):not(:last-child) {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
	.block-image-cta {}
		.block-image-cta__image {
		margin: 0 auto 1.5rem;
	}

	.block-image-cta__inner {
		text-align: center;
	}

	.block-image-cta__inner .wp-block-buttons:not([class*="is-content-justification-"]) {
		justify-content: center;
	}
}

@media only screen and (min-width: 768px) {
	.block-image-cta {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 32px;
	}

	.block-image-cta .block-image-cta__inner:only-child {
		grid-column: span 2;
	}

	.block-image-cta__image {
		order: 1;
	}

	.block-image-cta__badge ~ .block-image-cta__inner {
		margin-top: 0.5rem;
	}
}
