@media screen and (min-width: 481px) {

    .button {
        background-color: #33B7FF;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        margin-top: 1em;
        position: center;
        display: block;
        width: 30%;
    }   
    
    .warning_button {
        background-color: #FF3333;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        margin-top: 1em;
        position: center;
        display: block;
        width: 30%;
    }
}


/* Stile per schermi piccoli */
@media screen and (max-width: 480px) {
    .button {
        background-color: #33B7FF;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        margin-top: 1em;
        position: center;
        display: block;
        width: 50%;
    }

    .warning_button {
        background-color: #FF3333;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        margin-top: 1em;
        position: center;
        display: block;
        width: 30%;
    }
}