.account{
    height:  100%;
    &.account-1{
        @include media-query(1024px){
            height: auto;
        }
    }
    .or{
        position: relative;
        text-align: center;
        color: $black;
        padding: clamp(16px, 1.25vw, 32px) 0;
        &::after, &::before{
            content: "";
            height: 0.75px;
            width: 46%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
            background: $lightest-gray;
        }
        &::after{
            right: 0;
        }
        &::before{
            left: 0;
        }
    }
    .cus-btn-3{
        width: 30%;
        @include media-query(490px){
            width: 70%;
        }
    }
    #eye, #eye-icon{
        cursor: pointer;
    }
    .link-btn{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(10px, 0.83vw, 20px);
        padding: clamp(8px, 0.625vw, 16px) clamp(10px, 0.83vw, 20px);
        border-radius: 5px;
        border: 1px solid $light-gray;
        transition: $transition;
        img{
            width: clamp(24px, 1.66vw, 40px)
        }
        &:hover{
            color: $black;
            background: $accent-2;
            transition: $transition;
        }
    }
    
}