#switch{height:0;width:0;visibility:hidden}#labelswitcer{cursor:pointer;text-indent:-9999px;width:50px;height:30px;background:gray;display:block;border-radius:100px;position:relative}#labelswitcer:after{content:"";position:absolute;top:3px;left:5px;width:25px;height:25px;background:#fff;border-radius:90px;transition:.5s}input:checked+#labelswitcer{background:#0469bb}input:checked+#labelswitcer:after{left:calc(100% - 5px);transform:translate(-100%)}