/* =====================================================================
   Pages /get, /model/…, accueil, pages légales — MODÈLES DE BOUTONS (copie de card/css/card-button-models.css).
   Le modèle utilisé se choisit dans info-config.js (buttonModel), qui le pose
   sur <html data-button-model="…">. Ajouter un modèle = ajouter un bloc ici.
   Matière reprise du bouton « SHARE APP » de l'appli V144
   (components/buttons/metalButton.css, styles/share.css), sans lien de code.
   ===================================================================== */

/* ---------- Modèle « silver-rect » : argent, rectangle aux coins légèrement arrondis ---------- */
[data-button-model="silver-rect"] .info-button,
[data-button-model="silver-capsule"] .info-button {
    position: relative;
    overflow: hidden;
    border: calc(var(--frame-w) * 0.012) solid #575c61;
    border-radius: calc(var(--frame-w) * 0.026);
    padding: 0 10px;
    background:
        radial-gradient(ellipse at 22% 18%, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.35) 14%, rgba(255,255,255,0) 34%),
        radial-gradient(ellipse at 78% 82%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 36%),
        linear-gradient(135deg, #fafafa 0%, #d4d7da 15%, #8d9399 34%, #f2f3f4 52%, #a7adb3 71%, #e2e5e7 87%, #7e858b 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.55),
        inset 0 -8px 12px rgba(40,44,48,0.28),
        inset 0 6px 9px rgba(255,255,255,0.40),
        0 3px 7px rgba(0,0,0,0.38);
    color: #34383c;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-shadow: 0 1px 0 rgba(255,255,255,0.52);
    user-select: none;
}
[data-button-model="silver-rect"] .info-button::before,
[data-button-model="silver-capsule"] .info-button::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: calc(var(--frame-w) * 0.016);
    border: 1px solid rgba(255,255,255,0.34);
    box-shadow: inset 0 0 7px rgba(255,255,255,0.20);
    pointer-events: none;
}
[data-button-model="silver-rect"] .info-button > span,
[data-button-model="silver-capsule"] .info-button > span { position: relative; z-index: 1; display: block; }
[data-button-model="silver-rect"] .info-button:active,
[data-button-model="silver-capsule"] .info-button:active { filter: brightness(0.9); }
[data-button-model="silver-rect"] .info-button:focus-visible,
[data-button-model="silver-capsule"] .info-button:focus-visible { outline: 2px solid #e8c886; outline-offset: 2px; }

/* ---------- Modèle « silver-capsule » : même matière, forme gélule (comme SHARE APP) ---------- */
[data-button-model="silver-capsule"] .info-button,
[data-button-model="silver-capsule"] .info-button::before { border-radius: 999px; }