/* ════════════════════════════════════════════════════════════
   Hover.btn-gold.css — Bouton doré plein réutilisable
   Au survol : fond s'éclaircit vers gold-light
   Usage  : class="btn-gold"
   Exemple: "Accéder à la plateforme"
════════════════════════════════════════════════════════════ */

.btn-gold {
  width: 100%;
  font-family: 'Cinzel', serif;
  font-size: 10px;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: var(--btn-text);
  background: var(--gold);
  border: none;
  padding: 14px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.btn-gold:hover:not(:disabled) {
  background: var(--gold-light);
}

.btn-gold:disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}