/* Base du Bouton Custom Cabinet 31 */
.c31-custom-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    border: 1.5px solid transparent;
}

/* Padding pour les styles "bouton plein" */
.c31-custom-button.style-creme,
.c31-custom-button.style-marron,
.c31-custom-button.style-white-fixed {
    padding: 18px 32px;
    border-radius: 12px;
}

.c31-custom-button__text {
    margin-right: 12px;
}

.c31-custom-button__icon {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.c31-custom-button:hover .c31-custom-button__icon {
    transform: translateX(4px);
}

/* --- STYLE 1 : CRÈME (FAFFE5) --- */
.c31-custom-button.style-creme {
    background-color: #FAEFE5;
    color: #633B19;
    border-color: #FAEFE5;
}
.c31-custom-button.style-creme:hover {
    background-color: transparent;
    color: #FAEFE5;
}

/* --- STYLE 2 : MARRON --- */
.c31-custom-button.style-marron {
    background-color: #633B19;
    color: #FAEFE5;
    border-color: #633B19;
}
.c31-custom-button.style-marron:hover {
    background-color: transparent;
    color: #633B19;
}

/* --- STYLE 3 : BLANC FIXE (image_10e1a1) --- */
.c31-custom-button.style-white-fixed {
    background-color: #FFFFFF;
    color: #1A1A1A;
    border-color: #FFFFFF;
}
.c31-custom-button.style-white-fixed:hover {
    background-color: transparent;
    color: #FFFFFF;
}

/* --- STYLE 4 : LIEN SOULIGNÉ (Marron) --- */
.c31-custom-button.style-link {
    padding: 0 0 4px 0;
    background-color: transparent;
    color: #633B19;
    border-radius: 0;
    border-bottom: 1.5px solid #633B19;
}
.c31-custom-button.style-link:hover {
    opacity: 0.7;
}

/* --- STYLE 5 : LIEN SOULIGNÉ (Blanc) --- */
.c31-custom-button.style-link-white {
    padding: 0 0 4px 0;
    background-color: transparent;
    color: #FAEFE5;
    border-radius: 0;
    border-bottom: 1.5px solid #FAEFE5;
}
.c31-custom-button.style-link-white:hover {
    opacity: 0.7;
}

/* Responsive */
@media (max-width: 767px) {
    .c31-custom-button:not(.style-link):not(.style-link-white) {
        padding: 14px 24px;
        font-size: 14px;
    }
}