/* Boton "Continuar con Google". Los valores salen de las variables --once4-google-* */
.once4-google-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 16px;
    background: var(--once4-google-bg, #ffffff);
    color: var(--once4-google-text, #3c4043);
    border: 1px solid var(--once4-google-border, #dadce0);
    border-radius: var(--once4-google-radius, 4px);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    font-size: var(--once4-google-font-size, 14px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .25px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s, box-shadow .2s;
}

.once4-google-login:hover,
.once4-google-login:focus-visible {
    background: var(--once4-google-hover-bg, #f8f9fa);
    color: var(--once4-google-text, #3c4043);
    box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
    text-decoration: none;
}

.once4-google-login:focus-visible {
    outline: 2px solid #4285f4;
    outline-offset: 2px;
}

.once4-google-login__icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.once4-google-login--full {
    display: flex;
    width: 100%;
}