/* ============================================================
   NARUCHA — Bouton doré partagé ("Rejoindre l'aventure" / etc.)
   ============================================================
   Extrait de exploration/decouvrir.php (2026-09-12) pour être réutilisé tel
   quel ailleurs (l'écran d'entrée du chat, index.php) sans dupliquer le style
   — un seul endroit à maintenir. Déplacement verbatim des règles .btn-pay/
   .btn-pay-sub qui vivaient jusque-là en inline dans decouvrir.php : ni
   valeurs ni comportement changés, apparence de decouvrir.php inchangée.
   Ajout : un état :focus-visible (absent de l'original) pour l'accessibilité
   clavier — n'affecte que la navigation au clavier, jamais le rendu normal. */
.btn-pay {
    box-sizing: border-box;
    display: inline-block;
    background: linear-gradient(135deg, #ddc79c 0%, #b8925f 100%);
    color: #2c2c2c;
    border: none;
    margin: 0;
    padding: 18px 42px;
    border-radius: 2rem;
    cursor: pointer;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 1.15rem;
    letter-spacing: 0.5px;
    text-transform: none;
    text-decoration: none;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 8px 26px rgba(184,146,95,0.45);
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.btn-pay:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #e6d4ac 0%, #c39f6c 100%);
    color: #2c2c2c;
    box-shadow: 0 12px 32px rgba(184,146,95,0.6);
}
.btn-pay:focus-visible {
    outline: 2px solid #2c2c2c;
    outline-offset: 3px;
}
.btn-pay-sub {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.75rem;
    opacity: 0.75;
    margin-top: 4px;
}