/* Style de base du bouton Supprimer / Danger */
.button.button--danger {
  background-color: #e53935; /* Rouge sécurité / destruction */
  color: #ffffff;
  border: 1px solid #c62828;
}

/* Effet au survol (Hover) et focus */
.button.button--danger:hover,
.button.button--danger:focus {
  background-color: #b71c1c; /* Rouge plus foncé au survol */
  border-color: #8e1c1c;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Léger effet d'ombre */
}

/* Effet au clic (Active) */
.button.button--danger:active {
  background-color: #7f0000;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); /* Enfoncement */
}