.umk-cta,
.umk-cta-band,
.umk-cta--footer {
	position: relative;
	overflow: clip;
	padding: clamp(1.8rem, 1.45rem + 1vw, 2.8rem);
	border-radius: var(--umk-radius-l);
	border: 1px solid color-mix(in srgb, var(--umk-blue) 24%, var(--umk-blue-dark) 12%, white 64%);
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--nv-light-bg) 82%, white 18%) 0%, color-mix(in srgb, var(--umk-blue) 10%, white 90%) 58%, color-mix(in srgb, var(--umk-green) 10%, white 90%) 100%);
	box-shadow: var(--umk-shadow-soft);
}

.umk-cta::after,
.umk-cta-band::after,
.umk-cta--footer::after {
	content: "";
	position: absolute;
	inset: auto -2rem -2rem auto;
	width: 9rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--umk-green) 26%, transparent) 0%, color-mix(in srgb, var(--umk-blue) 16%, transparent) 58%, transparent 78%);
	filter: blur(14px);
}

.umk-cta > * ,
.umk-cta-band > * ,
.umk-cta--footer > * {
	position: relative;
	z-index: 1;
}

.umk-cta .wp-block-buttons,
.umk-cta-band .wp-block-buttons,
.umk-cta--footer .wp-block-buttons {
	margin-top: 1.2rem;
}

.umk-cta .wp-block-button.is-style-outline .wp-block-button__link,
.umk-cta-band .wp-block-button.is-style-outline .wp-block-button__link,
.umk-cta--footer .wp-block-button.is-style-outline .wp-block-button__link {
	border-color: color-mix(in srgb, var(--umk-blue-dark) 26%, white 74%);
	background: color-mix(in srgb, white 88%, var(--umk-blue) 12%);
	color: var(--umk-blue-dark);
}

.umk-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.umk-cta-band .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.umk-cta--footer .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: linear-gradient(180deg, var(--umk-blue) 0%, var(--umk-blue-dark) 100%);
	border-color: var(--umk-blue-dark);
	color: #fff;
}

.umk-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.umk-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.umk-cta-band .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.umk-cta-band .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.umk-cta--footer .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.umk-cta--footer .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
	background: linear-gradient(180deg, color-mix(in srgb, var(--umk-blue) 18%, var(--umk-blue-dark) 82%) 0%, var(--umk-blue-dark) 100%);
	border-color: var(--umk-blue-dark);
}

.umk-cta .wp-block-button.is-style-outline .wp-block-button__link:hover,
.umk-cta .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.umk-cta-band .wp-block-button.is-style-outline .wp-block-button__link:hover,
.umk-cta-band .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.umk-cta--footer .wp-block-button.is-style-outline .wp-block-button__link:hover,
.umk-cta--footer .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
	border-color: var(--umk-blue-dark);
	background: var(--umk-blue-dark);
	color: #fff;
}

.home .umk-cta-band {
	margin-top: clamp(0.8rem, 0.5rem + 1vw, 1.8rem);
	padding: clamp(2.2rem, 1.8rem + 1.2vw, 3.2rem);
	box-shadow: 0 22px 48px rgba(1, 38, 58, 0.1);
}

.home .umk-cta-band > .wp-block-group__inner-container {
	display: grid;
	gap: 0.9rem;
	max-width: min(100%, 50rem);
}

.home .umk-cta-band h2 {
	max-width: 14ch;
	margin-bottom: 0;
}

.home .umk-cta-band p {
	max-width: 58ch;
	margin-bottom: 0;
}