.switch-wrapper{display:flex;align-items:center}.switch-label{color:#fff;font-size:16px;cursor:pointer;margin-left:12px}.toggle-slider{position:relative;width:60px;height:34px}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;border-radius:34px;cursor:pointer;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fffc;border-radius:50%;transition:.4s}input[type=checkbox]{display:none}input[type=checkbox]:checked+.slider{background-color:#208328}input[type=checkbox]:checked+.slider:before{transform:translate(26px)}