.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{display:none}.slider-checkbox{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider-checkbox:before{background-color:#fff;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:.4s;width:20px}input:checked+.slider-checkbox{background-color:#00C449}input:focus+.slider-checkbox{outline:1px solid red}input:checked+.slider-checkbox:before{transform:translateX(20px)}.slider-checkbox.round{border-radius:34px}.slider-checkbox.round:before{border-radius:50%}