/* Phone layout; included inside the 480px media scope in the CSS bundle. */
form.user_form .google_oauth_buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

form.user_form .login_primary_actions {
    justify-content: center;
    margin-left: 0;
}

form.user_form .login_primary_actions input.button,
form.user_form .register_cta {
    flex: 1 1 0;
    width: auto;
    max-width: 180px;
}

form.user_form .login_google_actions {
    justify-content: center;
    margin-left: 0;
}

div.form_result p.register_benefits_title {
    padding-left: 12px;
    padding-right: 12px;
}

div.form_result ul.register_benefits {
    margin-left: 22px;
}