.btn {
  display: inline-block;
  background-color: #C60D0F;
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  text-decoration: none;
  /* Effet "bouton 3D" : un rebord plein et plus foncé sous le bouton */
  box-shadow: 0 5px 0 rgba(158, 35, 31, 0.9);
  transition: background-color 0.2s ease, box-shadow 0.15s ease, transform 0.15s ease, border-color 0.2s ease, color 0.2s ease;
}
/* Au survol, le bouton s'enfonce : il descend et le rebord rétrécit */
.btn:hover {
  transform: translateY(3px);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}
/* Variante secondaire : fond gris, pour une action moins prioritaire */
.btn-secondary {
  background-color: #555;
  box-shadow: none;
}

/* Variante contour : sans fond, pour une action discrète */
.btn-outline {
  background-color: #FFF;
  border: 2px solid #E3EFD6;
  color: #3B1E4E;
  box-shadow: none;
}
.btn-outline:hover {
  box-shadow: none;
  transform: none;
  background-color: #22B0E0;
  color: #fff;
  border-color: #22B0E0;
}