.slider-box{
    position:relative;
    width:100%;
    height:50px;
    background:#f2f2f2;
    border-radius:25px;
    overflow:hidden;
    user-select:none;
}

.slider-bg{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:#4caf50;
    transition:width .1s;
}

.slider-text{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#666;
    font-size:14px;
    z-index:1;
}

.slider-btn{
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:2;
    font-size:20px;
}