.c-neos-login-form {
    p {
        text-align: center;
        color: theme('colors.gray.800');
        margin-bottom: 3rem;
    }

    .form-group {
        margin-bottom: 1.5rem;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;

        &:last-of-type {
            padding-top: 1.5rem;
        }
    }

    label {
        display: block;
        font-size: .875rem;
        color: theme('colors.gray.600');
        margin-bottom: .375rem;
    }

    input {
        display: block;
        width: 100%;
        background-color: theme('colors.white');
        border: 1px solid theme('colors.gray.200');
        color: theme('colors.gray.500');
        padding: 1rem;
        border-radius: .125rem;
    }

    .btn-primary {
        font-weight: theme('fontWeight.normal');
        text-decoration: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        // max-width: 700px;
        border: 1px solid theme('colors.primary.600');
        padding: .875rem 1rem;
        color: #fff;
        background-color: theme('colors.primary.500');
        border-radius: .25rem;
        transition: $transition-time ease-in-out;

        &:hover,
        &:active,
        &:focus {
            color: #fff;
            text-decoration: none;
            background-color: theme('colors.primary.600');
        }
    }
}
