components/auth-with-password/AuthWithPassword.module.scss
@use '/app/scss/mixins.scss' as *;

.wrapper {
    margin: 24px 0;
    max-width: 360px;
    width: 100%;
    @include center-align;
    flex-direction: column;
}

.submit-btn {
    // max-width: 360px;
    width: 100%;
    height: 44px;
    border-radius: 10rem;
    padding: 12px 42px;
    border: none;
    margin-top: 24px;
    @include font-default;
    font-weight: 600;
    color: var(--white);
    font-size: 1.7rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;

    // background: #acb6e5; /* fallback for old browsers */

    background-image: linear-gradient(70.06deg, #2cccff -5%, #22dfbf 106%);

    background-color: #1dbfaf;
}

.submit-btn.disable {
    background: -webkit-linear-gradient(to right, #86fde8, #acb6e5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(
        to right,
        #86fde8,
        #acb6e5
    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    cursor: no-drop;
}

.error {
    margin: 4px 0;
    @include font-default;
    color: red;
}

.info-message {
    margin: 4px 0;
    @include font-default;
    color: #269994;
}
