#auth {
    background: #f6f7f9 !important; /* Fundo geral */
    color: #ffffff; /* Cor do texto para garantir boa legibilidade */
}
/*************************** Button Styling ******************************/
a.btn-primary,
a.btn-google,
button#form-submit-button {
    background-color: #23303F !important; /* Fundo inicial */
    color: #ffffff !important; /* Texto branco */
    border: 2px solid #23303F !important; /* Borda com a mesma cor do fundo */
    border-radius: 12px; /* Bordas arredondadas */
    font-weight: bold; /* Texto em negrito */
    padding: 10px 20px; /* Espaçamento interno */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; /* Transição suave */
    display: flex; /* Flexbox para alinhamento */
    align-items: center; /* Centralizar ícones verticalmente */
    justify-content: center; /* Centralizar conteúdo horizontalmente */
    font-size: 16px; /* Tamanho de fonte padrão */
}

a.btn-primary:hover,
a.btn-google:hover,
button#form-submit-button:hover {
    background-color: #ffffff !important; /* Fundo branco no hover */
    color: #23303F !important; /* Texto com a cor original no hover */
    border-color: #23303F !important; /* Borda visível no hover */
    box-shadow: 0 0 10px rgba(35, 48, 63, 0.5); /* Sombra suave */
}

/*************************** Icon Styling ******************************/
a.btn-primary i,
a.btn-google img,
button#form-submit-button i {
    font-size: 16px; /* Tamanho do ícone */
    vertical-align: middle; /* Alinhamento vertical */
    margin-right: 10px; /* Espaçamento entre ícone e texto */
}

/*************************** Responsive Styling ******************************/
@media (max-width: 768px) {
    a.btn-primary,
    a.btn-google,
    button#form-submit-button {
        font-size: 14px; /* Reduz o tamanho da fonte no celular */
        padding: 8px 16px; /* Ajusta o espaçamento no celular */
        border-radius: 10px; /* Bordas um pouco menores */
    }
    
    a.btn-primary i,
    a.btn-google img,
    button#form-submit-button i {
        font-size: 14px; /* Ícones menores no celular */
    }
}

@media (min-width: 769px) {
    a.btn-primary,
    a.btn-google,
    button#form-submit-button {
        font-size: 16px; /* Fonte padrão no desktop */
        padding: 12px 24px; /* Espaçamento maior no desktop */
        border-radius: 12px; /* Bordas arredondadas */
    }
    
    a.btn-primary i,
    a.btn-google img,
    button#form-submit-button i {
        font-size: 16px; /* Ícones padrão no desktop */
    }
}
.my-4.alert.alert-light-info.p-4.border-info {
    color: #23303F !important; /* Cor do texto */
}