.login {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    color: rgba(255, 255, 255, 0.54);
    background-color: #262936;
    height: 100vh;
}
.login__content {
    margin-top: 1rem;
}
.login__form {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-top: 3rem;
}
.login .form-group {
    display: -webkit-box;
    display: flex;
}
.login .form-group:not(first-child) {
    margin-top: 1.5rem;
}
.login .form-group--btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.login .form-group > div {
    width: 100%;
}
.login__notice {
    font-size: 12px;
    -webkit-box-flex: 1;
            flex: 1;
    text-align: center;
}
.login--btn {
    height: 3rem;
    background-color: red;
}
.login--btn:hover {
    background-color: "#ffba01" !important;
}
.login .MuiFormLabel-colorSecondary {
    color: rgba(255, 255, 255, 0.54);
}
.login div.MuiFilledInput-underline:before {
    border-color: rgba(255, 255, 255, 0.54);
}
.login .MuiCheckbox-colorSecondary {
    color: rgba(255, 255, 255, 0.54);
}
.login .MuiFilledInput-input {
    color: rgba(255, 255, 255, 0.54);
}
.login__error {
    color: red;
    text-align: center;
    font-size: 14px;
}

.MuiButton-containedPrimary:hover {
    background-color: #ffba01 !important;
}