.btn {
  display: inline-block;
  background: var(--color-leather);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 700;
  text-decoration: none;
  padding: 0.85rem 1.75rem;
  border-radius: 4px;
  margin-top: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  transition: background 0.2s;
}

.btn:hover {
  background: var(--color-leather-dark);
  color: #fff;
}

/* Boutons "néon" : réservés à une action qu'on veut vraiment faire ressortir
   (le CTA final, l'offre recommandée) — pas à toute la navigation.
   Rouge = action à ne pas manquer, bleu = action secondaire / info. */
.btn-neon {
  display: inline-block;
  background: #1a120e;
  padding: 0.7rem 1.65rem;
  border-radius: 8px;
  font-family: var(--font-heading);
  font-weight: 700;
  text-decoration: none;
  margin-top: 1rem;
  transition: transform 0.15s ease;
}

.btn-neon:hover {
  transform: translateY(-1px);
}

.btn-neon-red {
  color: var(--neon-red);
  border: 3px solid var(--neon-red);
  box-shadow: 0 0 8px rgba(255, 90, 54, 0.6), 0 0 26px rgba(255, 90, 54, 0.28);
  text-shadow: 0 0 8px rgba(255, 90, 54, 0.65);
}

.btn-neon-blue {
  color: var(--neon-blue);
  border: 3px solid var(--neon-blue);
  box-shadow: 0 0 8px rgba(63, 184, 240, 0.6), 0 0 26px rgba(63, 184, 240, 0.28);
  text-shadow: 0 0 8px rgba(63, 184, 240, 0.65);
}