.switch,.switch-box{width:60px}.switch{display:flex;align-items:center;height:25px;background-color:#ccc;border-radius:20px}.dot,.switch{transition:all 1s}.dot{width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(5px)}.switch-checkbox:checked~.switch{background-color:#007bff}.switch-checkbox:checked~.switch .dot{transform:translate(35px);background-color:#fff}