/*============================
    34. Login
============================*/

@use "../utils/mixins" as *;
@use '../variables' as *;

.login-item {
    padding: 40px;
    border: 1px solid $gray-100;
    border-radius: $border-radius-md;
    background: $white;
    @include respond-below(md) {
        padding: 20px;
    }
    h4 {
        margin-bottom: 20px;
    }
    .login-or {
        .span-or {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: $gray-600;
            &::before {
                position: absolute;
                content: "";
                height: 1px;
                width: 45%;
                left: 0;
                background: $gray-100;
            }
            &::after {
                position: absolute;
                content: "";
                height: 1px;
                width: 45%;
                right: 0;
                background: $gray-100;
            }
        }
    }
    .register-btn {
        color: $primary;
    }
}
.input-icon-end {
    .form-control {
        padding-right: 32px;
    }
}