/* S'applique à tous les boutons Bootstrap qui possèdent la classe .btn-styled */
.btn.btn-styled {
  /* Coins arrondis élégants (façon Bootstrap 6) */
  border-radius: 0.5rem;
  
  /* Dégradé semi-transparent par-dessus la couleur originale du bouton */
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0));
  
  /* Ombre portée douce pour le relief 3D */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  
  border-color: rgba(255, 255, 255, 0.2);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

/* Effet au survol pour toutes les variantes */
.btn.btn-styled:hover {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
}