/* Estilo para os botões */
.device-button {
    display: block;
    width: 80%;
    max-width: 300px; /* Largura máxima para manter o formato */
    margin: 10px auto; /* Centralizar os botões */
    padding: 15px;
    font-size: 17px;
    border: none;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Transição suave de cor ao passar o mouse */
    border-radius: 22px; /* Borda mais arredondada */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Mesma fonte do botão Sign in with Apple */
}

/* Estilo para os botões ao passar o mouse */
.device-button:hover {
    background-color: #333; /* Cor de fundo mais escura */
}

/* Estilo para os botões ao pressionar */
.device-button:active {
    background-color: #666; /* Cor de fundo ainda mais escura */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra mais intensa */
}