/* Styling dei bottoni ---------------------------------------------------------------------------------- */
.btn {
    background-color: var(--button-color) !important;
    color: var(--white_color);
    font-weight: bold;
    transition: background-color 0.24s ease, color 0.24s ease !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.btn:hover {
    background-color: #29395C !important;
    color: #fff !important;
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none !important;
}

.btn.btn-small {
    font-size: 1rem;
}


.btn:focus,
.btn:active {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/*  btn configuratore  */


/* Stile personalizzato solo per questi bottoni */
.btn-configuratore {
    background-color: #fff !important;
    color: #0E8991 !important; /* colore delle icone */
    border: 1px solid #0E8991; /* opzionale se vuoi un bordo leggero */
    font-weight: normal;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.btn-configuratore i {
    color: #0E8991; /* forza il colore delle icone */
}

/* Hover */
.btn-configuratore:hover {
    background-color: var(--azzurro-scuro-button) !important;
    color: #fff !important;
}

.btn-configuratore:hover i {
    color: #fff !important;
}