/* ------------------------------------------------------------------ */
/*  Boutons custom                                                     */
/* ------------------------------------------------------------------ */
.custom-button {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    font-size: var(--fs-button) !important;
    font-weight: var(--fw-bold) !important;
    background-color: var(--ocre-200) !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    transition: 0.3s all ease !important;
    cursor: pointer;
    font-family: var(--ff-subtitle);
    margin: 0 !important;
    color: var(--grayscale-900) !important;

    &:hover {
        background-color: var(--ocre-600) !important;
        border: none !important;
    }
}

.custom-button-dark {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    font-size: var(--fs-button) !important;
    font-weight: var(--fw-bold) !important;
    background-color: var(--brown-500) !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    transition: 0.3s all ease !important;
    cursor: pointer;
    font-family: var(--ff-subtitle) !important;
    color: var(--grayscale-50) !important;

    &:hover {
        background-color: var(--ocre-900) !important;
        border: none !important;
    }
}