/* ==========================================================================
   Widget: Vanaf prijs
   ========================================================================== */

:root {
    --cpx-vanaf-prijs-bg: #171717;
    --cpx-vanaf-prijs-text: #FFFFFF;
    --cpx-vanaf-prijs-accent: #ACFFCF;
    --cpx-vanaf-prijs-padding: 20px 24px;
    --cpx-vanaf-prijs-radius: 0px;
}

.vanaf-prijs {
    display: flex;
    align-items: baseline;
    gap: 8px;

    padding: var(--cpx-vanaf-prijs-padding);

    background-color: var(--cpx-vanaf-prijs-bg);
    border-radius: var(--cpx-vanaf-prijs-radius);
    border-left: 4px solid var(--cpx-vanaf-prijs-accent);
}

.vanaf-prijs__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    color: var(--cpx-vanaf-prijs-accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vanaf-prijs__bedrag {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;

    color: var(--cpx-vanaf-prijs-text);
}