/* Call to action over a photo (patterns/kit-cta-photo.php). */
.sp-kit-cta-photo.sp-kit { text-align: center; padding-block: 120px; }
@media (min-width: 1024px) {
	.sp-kit-cta-photo.sp-kit { padding-block: 180px; }
}
.sp-kit-cta-photo .sp-kit-cta-photo__photo { position: absolute; inset: 0; margin: 0; }
.sp-kit-cta-photo .sp-kit-cta-photo__photo img { width: 100%; height: 100%; object-fit: cover; }
.sp-kit-cta-photo::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--wp--preset--color--black) 55%, transparent); pointer-events: none; }
.sp-kit-cta-photo .sp-kit-cta-photo__inner { position: relative; z-index: 1; max-width: 960px; }
.sp-kit-cta-photo .sp-kit__label { color: color-mix(in srgb, var(--wp--preset--color--white) 70%, transparent); }
.sp-kit-cta-photo .sp-kit__title { color: var(--wp--preset--color--white); margin-bottom: 20px; }
.sp-kit-cta-photo .sp-kit__intro { max-width: 620px; margin: 0 auto 36px; color: color-mix(in srgb, var(--wp--preset--color--white) 85%, transparent); }
.sp-kit-cta-photo .sp-kit-cta-photo__buttons { justify-content: center; }
/* Over the photo the outline button stays white whatever the colour chosen. */
.sp-kit-cta-photo.sp-kit .wp-block-button.is-style-outline .wp-block-button__link { color: var(--wp--preset--color--white); border-color: var(--wp--preset--color--white); }