.submit-row > input[type='submit'] {
    background-color: var(--primary);
}

.submit-row > input[type='submit']:hover {
    background-color: var(--button-hover-bg);
}

.login .submit-row {
    padding: 1em 1em 0 0;
    text-align: right;
}

@media all and (min-width: 768px) {
    #reset_link, #new_account {
        top: -30px;
        position: relative;
        padding-left: 1em;
    }
}

@media not all and (min-width: 768px) {
    #new_account {
        float: right;
    }

    #reset_link {
        float: left;
    }

    #reset_link, #new_account {
        margin: 8px 0 8px 0;
    }
}