/* Values V7 — 4 stat cards + image card with CTA pill row */

.vls.v7 {
    /* Subheader (h5 → fnt_t-5) — neutral text color */
    --fnt-t-5: var(--lt-txt);

    /* Card radius — Figma 20px */
    --bdr-rds-crd: 1.111rem;
    --bdr-rds: 1.11rem;

    /* Stat list — 2×2 grid, Figma 40px gap */
    .vls-v7-stt {
        --grd-sp: 2.222rem;
    }


    /* Number + suffix row — baseline-aligned */
    .vls-v7-num-rw {
        column-gap: 0.556rem;
    }

    .vls-v7-lbl {
        color: var(--text-color);
    }

    /* Suffix ("MIN", "mo") — yellow */
    .vls-v7-suf {
        font-family: var(--fnt-t);
        font-size: 2.2rem;
        color: #21a0d0;
        padding-bottom: 0.444rem;
    }

    .vls-v7-btns {
        display: flex;
        flex-direction: column;
    }

    /* CTA row — absolute at bottom, overlapping the gradient */

    @media screen and (min-width: 1280px) {
        .vls-v7-bd {
            --flx-gap: 2.778rem;
        }
        .vls-v7-btns {
            position: absolute;
            left: 50%;
            bottom: 4.44rem;
            transform: translateX(-50%);
            gap: 1.167rem;
            z-index: 2;
            white-space: nowrap;
        }
    }
}