/**
 * Hero: tekst-reveal + kaarten (bibliotheek: .herowrapper .hero-text-reveal,
 * gevolgd door .hero-pattern-text-reveal met kaarten).
 *
 * Geen eigen variant in Figma: zelfde verloop en witte tekst als de andere
 * hero's (hero-_basis.css). De kaarten vallen over de onderkant van het
 * verloop (overlap regelt de plugin) en zijn wit op het verloop.
 */

.hero-text-reveal {
    text-align: center;

    .kb-buttons-wrap {
        justify-content: center;
    }
}

.hero-pattern-text-reveal .js-card > .kt-inside-inner-col {
    background-color: var(--alma-neutral-0) !important;
    border-radius: var(--carmel-radius-md) !important;
}