.login-content {
    width: 100%;
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
}

.login-content form {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex: 1;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.login-content form > div:not(.recaptcha-container) {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    width: 100%;
    max-width: 15rem;
}

.recaptcha-container {
    margin-top: 0.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-content form button.no-margin {
    margin-top: 0;
}

.login-content .secondary {
    font-size: 0.8rem;
    text-align: center;
    margin-top: 1rem;
}

.login-content .secondary > * {
    color: var(--colorTextAccent);
}

.google-login {
    margin: 10px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.google-login * {
    color: unset;
}

.two-factor-auth-content {
    max-width: 25rem;
    text-align: center;
}

.two-factor-auth-content form {
    gap: 0;
}

.two-factor-auth-content form div {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: center;
}