.btn-spid {
    background: var(--blue-medio);
    color: white;
}

.btn-cie {
    background: var(--background-login-card);
    color: var(--blue-medio);
}

.btn-disabled {
    opacity: 30%;
    cursor: not-allowed;
}

.btn-yellow {
    background: var(--yellow);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.btn-gradient {
    background: linear-gradient(90deg, var(--button-gradient-dark-blue) 0%, var(--button-gradient-light-blue) 100%);
    color: white;
    border: none;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-conferma {
    background: linear-gradient(90deg, var(--button-gradient-dark-green) 0%, var(--button-gradient-light-green) 100%);
    color: white;
    border: none;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-warning {
    background: linear-gradient(90deg, #FF8F07FF 0%, var(--yellow) 100%);
    color: var(--blue-dark);
    border: none;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-annulla {
    background: linear-gradient(90deg, darkred 0%, #d12323 100%);
    color: white;
    border: none;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-indietro {
    background: white;
    border: 2px solid var(--blue-semi-dark);
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
    color: var(--blue-semi-dark);
}