.active{background-color:#23bc55!important}input[type=checkbox]{height:0;width:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:55px;height:30px;background:grey;display:block;border-radius:100px;position:relative}label:after{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s}input:checked+label{background:#23BC55}input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}label:active:after{width:50px}