.slider,.slider:before{border-radius:4px;position:absolute}.switch{position:relative;display:inline-block;width:90px;height:34px;margin-top:-8px;margin-bottom:-8px}.switch input{display:none}.slider{cursor:pointer;width:90px;top:0;left:0;right:0;bottom:0;background-color:#ca2222;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2ab934}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(55px)}.slider::after{content:'OFF';color:#fff;display:block;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:15px;font-family:Verdana,sans-serif;padding-left:27px}input:checked+.slider::after{content:'ON';padding-right:58px;font-size:15px}