.switch{width:5rem;height:2rem;border-radius:50px;border:1px solid #efefef;position:relative}.switch-btn{width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid #efefef;position:absolute;background-color:#fff;top:-1px;left:-1px;transition:left .5s;-moz-transition:left .5s;-webkit-transition:left .5s;-o-transition:left .5s}.switch-bg{background:#13ce66;width:5rem;height:2rem;border-radius:50px;transition:width .5s;-moz-transition:width .5s;-webkit-transition:width .5s}.switch-btn.on{left:3rem}.switch-bg.on{width:5rem;background-color:red}