/**
 * CSS pour positionner les boutons "En savoir plus" à gauche tout en gardant le texte centré
 */

/* Positionner les conteneurs de boutons à gauche */
.service-contact {
    display: flex !important;
    justify-content: flex-start !important;
    margin-top: 1.5rem !important;
    padding-left: 0 !important;
}

/* Mais garder le texte centré à l'intérieur des boutons */
.service-contact a,
.service-contact .btn,
.service-contact a.btn-outline,
a[data-modal] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-width: 180px !important;
}

/* S'assurer que le texte reste bien centré */
.service-contact a .center-text,
.service-contact .btn .center-text,
.btn-outline .center-text,
a[data-modal] .center-text {
    width: 100% !important;
    text-align: center !important;
}

/* Ajouter un peu de marge à gauche pour éviter que le bouton soit collé au bord */
.service-content-left .service-contact,
.service-content-right .service-contact {
    margin-left: 0 !important;
    padding-left: 0 !important;
}