/* Blok: call to action. De achtergrondkleur van het blok kleurt het vlak;
   het blok zelf blijft wit zodat het vlak als kaart op de pagina ligt. */
.blok-cta.blok--accent,
.blok-cta.blok--donker,
.blok-cta.blok--grijs {
	background: transparent;
}

.blok-cta__vlak {
	padding: clamp(2.5rem, 1.5rem + 4vw, 5rem);
	border-radius: var(--radius-l);
	text-align: center;
}

.blok-cta__vlak .blok__kop,
.blok-cta__vlak .blok__intro {
	max-width: 40rem;
	margin-inline: auto;
}

.blok-cta__vlak .knoppen {
	justify-content: center;
}

.blok-cta.blok--accent .blok-cta__vlak { background: var(--c-accent); }
.blok-cta.blok--donker .blok-cta__vlak { background: var(--c-inkt); }
.blok-cta.blok--grijs .blok-cta__vlak { background: var(--c-grijs); color: var(--c-inkt); }
.blok-cta.blok--licht .blok-cta__vlak { border: 1px solid var(--c-lijn); }