/* Layout: CTA banner */

/*
 * The band is grey by default, so it reads as a distinct closing strip rather
 * than another light section. An explicit background choice in the section
 * settings still wins: this only fills in while the editor has left it on
 * "None".
 */
.section--cta-banner.section--bg-none {
	--section-bg: var(--color-surface-strong);
}

.cta-banner__inner {
	text-align: center;
}

.cta-banner__title {
	margin-bottom: var(--space-2xs);
	font-size: var(--text-3xl);
}

.cta-banner__lead {
	margin-bottom: var(--space-l);
	font-size: var(--text-xl);
	font-weight: 700;
	line-height: var(--leading-snug);
}

.cta-banner__actions {
	display: flex;
	justify-content: center;
}

/* A size up from the default button: this is the page's last ask. */
.cta-banner__button {
	padding: 0.6em 1.8em;
	font-size: var(--text-lg);
}