#login {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #06C755;
    min-width: 200px;
    width: 70vw;
    max-width: 400px;
    margin: 30px auto;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}
#login:active::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    
}

#login img {
    width: 18vw;
    min-width:min(10vw, 50px);
    max-width: 100px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
#login .text{
    padding: 0 5vw;
    color: white;
    width: 100%;
    height: 100%;
}