.login{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center center;
    justify-content: space-between;

    .logo{
        img{
            width: 150px;
        }
    }

    &.login-01{
        background-image: url(../img/welcome_bg.jpg);
    }
}

.social_login{
    column-gap: 0.5rem;
    a{
        flex:2;
        border: 1px solid #cbcbcb;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        &:hover{
            border: 1px solid $secondary;
        }
    }
}