.beauty_keuze {
    margin-top: var(--spacing_3);
}

.beauty_keuze p {
    margin: 0;
}

.beauty_keuze_toelichting {
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
}

.beauty_keuze_acties {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem; /* Figma context row gap. */
    margin-block: 1.2rem;
}

.beauty_kopieer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--wit);
    /* Figma's 32px control preserves the original 16px asset. */
    padding: 0.8rem;
    border-radius: 0.8rem;
}

.beauty_kopieer:focus-visible {
    outline: 0.2rem solid var(--groen);
    outline-offset: 0.2rem;
}

.beauty_widget iframe {
    display: block;
    width: 100%;
    /* Cross-origin content cannot size its parent; keep a usable viewport. */
    height: 80dvh;
    border: 0;
}

.beauty_widget_alternatief {
    margin-top: var(--spacing_3);
}