/* Composant : cta-banner */
.component-cta-banner {
	padding-top: var(--component-space-compact);
	padding-bottom: var(--component-space-compact);
}

.component-cta-banner__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}

.component-cta-banner__title {
	margin: 0;
	font-size: clamp(1.35rem, 2.6vw, 2rem);
	line-height: 1.25;
	color: var(--component-color-text-invert);
}

.component-cta-banner__actions { margin: 0; }

.component-cta-banner--theme-primary { background: var(--component-color-primary); }
.component-cta-banner--theme-dark { background: var(--component-color-dark); }

.component-cta-banner__button {
	background: var(--component-color-light);
	color: var(--component-color-dark);
}

.component-cta-banner__button:hover,
.component-cta-banner__button:focus {
	background: var(--component-color-muted);
	color: var(--component-color-dark);
}

@media (min-width: 768px) {
	.component-cta-banner__inner {
		flex-direction: row;
		text-align: left;
		gap: 32px;
	}
}