/* CTA band component */
.cta-band {
	padding-block: var(--space-8);
	background-color: var(--color-brand-primary);
	color: var(--color-text-inverse);
	text-align: center;
}

.cta-band__headline {
	color: var(--color-text-inverse);
	margin-block-end: var(--space-3);
}

.cta-band__body {
	font-size: var(--font-size-lg);
	color: rgba(255, 255, 255, 0.85);
	margin-block-end: var(--space-5);
	max-width: 40rem;
	margin-inline: auto;
	line-height: var(--line-height-normal);
}

.cta-band__button {
	display: inline-flex;
	align-items: center;
	padding: var(--space-3) var(--space-6);
	background-color: var(--color-surface-primary);
	color: var(--color-brand-primary);
	border-radius: var(--radius-md);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition: filter var(--transition-fast);
}

.cta-band__button:hover {
	text-decoration: none;
	filter: brightness(0.9);
}