.modal-custom {
    max-width: 600px;
}

button
{
    cursor:pointer;
    margin:2px;
    outline:none;
    border-style: outset;
    text-decoration:none;
    border: none;
}

button:focus
{
    outline-color: transparent;
    outline-style: none;
}

.keys_symbols
{
    display: inline;
    width:35px;
    height:38px;
    border-radius:5px;
    font-size:20px;
    cursor:pointer;
    margin:2px;
    margin-bottom: 5px;
    background-color:#dbdbdc;
    border-bottom: 3px solid #E905FF;
}

.keys_symbols:hover{background-color:#dbdbdc;border-bottom: 3px solid #9C26C0;}

.keys_numbers
{
    width:35px;
    height:38px;
    border-radius:5px;
    color:white;
    font-size:20px;
    cursor:pointer;
    margin:2px;
    margin-bottom: 5px;
    background-color:#ea4d9e;
    border-bottom: 3px solid #E905FF;
}
.keys_numbers:hover{background-color:#9C26C0;border-bottom: 3px solid #9C26C0;}

.keys_letters
{
    display: inline;
    width:35px;
    height:38px;
    border-radius:5px;
    font-size:20px;
    cursor:pointer;
    margin:2px;
    margin-bottom: 5px;
    background-color:#dbdbdc;
    border-bottom: 3px solid #E905FF;
}
.keys_letters:hover{background-color:#dbdbdc;border-bottom: 3px solid #9C26C0;}

.button_big
{
    background-color:#dbdbdc;
    border-bottom: 4px solid #E905FF;
    width:90px;
}
.button_big:hover{background-color:#dbdbdc;border-bottom: 3px solid #9C26C0;}

.mix{

    display: flex;
    justify-content: left; /* Centra horizontalmente */
    align-items: left;
    margin: 0;
}

.letters{
    margin: 0;
    padding: 0;
}

.symbols{
    margin: 0;
    padding: 0;
}

.numbers{
    margin: 0;
    padding: 0;
}