/* =========================================
   BUTTON STANDARD — OUTLINE
   ========================================= */

.btn-outline .sc_button,
.sc_button.btn-outline {

    /* forma */
    border-radius: 2px !important;

    /* bordo */
    border: 1px solid #667565 !important;

    /* sfondo trasparente */
    background: transparent !important;

    /* testo */
    color: #667565 !important;

    /* tipografia */
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;

    /* dimensioni */
    padding: 10px 18px !important;

    /* elimina eventuali ombre */
    box-shadow: none !important;

    /* transizione */
    transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* =========================================
   HOVER — VIOLA DEL SITO
   ========================================= */

.btn-outline .sc_button:hover,
.sc_button.btn-outline:hover {

    background: #4B203F !important;
    border-color: #4B203F !important;
    color: #F7F1E8 !important;
}


/* testo interno */
.btn-outline .sc_button:hover .sc_button_title,
.sc_button.btn-outline:hover .sc_button_title {

    color: #F7F1E8 !important;
}

/* =========================================
   TESTO INTERNO DEL BUTTON
   ========================================= */

.btn-outline .sc_button .sc_button_title,
.sc_button.btn-outline .sc_button_title {

    color: inherit !important;
}


/* =========================================
   ELIMINA STILI AGGIUNTIVI DEL TEMA
   ========================================= */

.btn-outline .sc_button:before,
.btn-outline .sc_button:after {

    display: none !important;
    content: none !important;
}
/* =========================================
   BUTTON LIGHT
   ========================================= */


.btn-light .sc_button,
.sc_button.btn-light {

    border-radius: 2px !important;

    /* bordo */
    border: 1px solid #667565 !important;

    /* fondo leggermente differenziato */
    background: #F1E8DC !important;

    /* testo */
    color: #667565 !important;

    /* tipografia */
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;

    /* dimensioni */
    padding: 10px 18px !important;

    /* niente ombra */
    box-shadow: none !important;

    /* transizione */
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* =========================================
   HOVER — TERRACOTTA
   ========================================= */

.btn-light .sc_button:hover,
.sc_button.btn-light:hover {

    background: #C47D65 !important;
    border-color: #C47D65 !important;
    color: #F7F1E8 !important;
}


/* =========================================
   TESTO
   ========================================= */

.btn-light .sc_button_title,
.sc_button.btn-light .sc_button_title {

    color: inherit !important;
}


/* =========================================
   HOVER — TESTO CHIARO
   ========================================= */

.btn-light .sc_button:hover .sc_button_title,
.sc_button.btn-light:hover .sc_button_title {

    color: #F7F1E8 !important;
}


/* =========================================
   ELIMINA EFFETTI DEL TEMA
   ========================================= */

.btn-light .sc_button:before,
.btn-light .sc_button:after {

    display: none !important;
    content: none !important;
}
/* =========================================
   BUTTON DARK
   ========================================= */

.btn-dark .sc_button,
.sc_button.btn-dark {

    border-radius: 2px !important;
    border: 1px solid #4B203F !important;
    background: transparent !important;
    color: #4B203F !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;

    padding: 10px 18px !important;
    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* HOVER */
.btn-dark .sc_button:hover,
.sc_button.btn-dark:hover {

    background: #4B203F !important;
    border-color: #4B203F !important;
    color: #F7F1E8 !important;
}


/* TESTO */
.btn-dark .sc_button_title,
.sc_button.btn-dark .sc_button_title {

    color: inherit !important;
}


/* HOVER TESTO */
.btn-dark .sc_button:hover .sc_button_title,
.sc_button.btn-dark:hover .sc_button_title {

    color: #F7F1E8 !important;
}


/* ELIMINA EFFETTI TEMA */
.btn-dark .sc_button:before,
.btn-dark .sc_button:after {

    display: none !important;
    content: none !important;
}