/*
 * NOME DO ARQUIVO: style_social_buttons.css
 * DESCRIÇÃO: Estilos para botões de login social e divisores.
 * VERSÃO: 1.2 (Ajuste de dimensão e alinhamento do botão Google)
*/

/* Estilo do botão de login social */
.social-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    transition: background-color 0.2s, border-color 0.2s;
    box-sizing: border-box; /* Garante que padding e border não alterem a largura final */
}

/* [ALTERADO] Estilo específico para o botão do Google */
.social-login-btn.google-btn {
    /* Mantém o estilo original de cor */
    background-color: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-primary);

    /* [NOVO] Aplica as mesmas propriedades de dimensionamento do botão "Entrar" */
    padding: 12px;
    font-size: 1rem;
    font-weight: 600;
}

/* Efeito hover sutil para o botão preto */
.social-login-btn.google-btn:hover {
    background-color: #2a2a2a;
    border-color: #555;
}

.social-login-btn img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

/* Divisor "OU" */
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--border-color);
}

.divider:not(:empty)::before {
    margin-right: 1em;
}

.divider:not(:empty)::after {
    margin-left: 1em;
}