form .input-single{
    position: relative;
    margin: 30px 0;
}

form .input-single label{
    position: absolute;
    left: 5px;
    bottom: 5px;
    cursor: text;
    transition: all 0.5s;
    color: #808080;
}

form .input-single .input{
    width: 100%;
    border: 0;
    border-bottom: 2px solid #10df10;
    padding: 5px;
    outline: 0;
    font-size: 16px;
    border-radius: 5px;
}

form .input-single .input:focus{
    border-bottom: 2px solid #d8ca0a;
}

form .input-single .btn-show-password, form .input-single .btn-show-password-confirm {
    position: absolute;
    background: none;
    border: none;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    font-size: 20px;
    cursor: pointer;
}

form .input-single .input:focus ~ label,
    .input:valid ~ label{
    left: 0;
    transform: translateY(-30px);
    color: var(--text);
}

form .btn-access {
    width: 100%;
    color: #302f2f;
    background-color: #eeebeb;
    height: 40px;
    font-size: 16pt;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

form .btn-access:hover {
    color: #eeebeb;
    background-color: #302f2f;
}