.button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{position:relative;top:50%;width:74px;height:36px;margin:-20px auto 0 auto;overflow:hidden}.button.b2{border-radius:6px}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#fff;transition:all .3s ease;z-index:1}#button-10 .knobs:after,#button-10 .knobs:before,#button-10 .knobs span{position:absolute;top:4px;width:25px;height:25px;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;border-radius:6px;transition:all .3s ease}#button-10 .knobs:before{content:"";left:4px;background-color:var(--bg-secondary-color)}#button-10 .knobs:after{font-style:italic;content:"V.2";right:6px;color:red}#button-10 .knobs span{display:inline-block;left:4px;color:#fff;z-index:1}#button-10 .checkbox:checked+.knobs span{color:red}#button-10 .checkbox:checked+.knobs:before{left:43px;background-color:var(--bg-secondary-color)}#button-10 .checkbox:checked+.knobs:after{color:#fff}#button-10 .checkbox:checked~.layer{background-color:#fff}#button-10 .checkbox:checked+.knobs .newText{color:#fff;position:absolute;font-size:6px;font-weight:700;right:8px;top:5px}#button-10 .knobs .newText{color:red;position:absolute;font-size:6px;font-weight:700;right:8px;top:5px}