/* Styles pour garder les boutons de service sur la même ligne en mobile */
@media (max-width: 767px) {
  .service-contact {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start; /* Aligner à gauche comme en desktop */
    width: 100%;
  }

  .service-contact .btn {
    font-size: 0.85rem;
    padding: 0.75rem 1rem;
    white-space: nowrap;
    flex: none; /* Supprime l'expansion automatique */
    width: auto; /* Largeur automatique basée sur le contenu */
    min-width: 140px; /* Largeur minimale raisonnable */
    max-width: 200px; /* Largeur maximale pour éviter qu'il soit trop large */
  }
}