#app-cover{display:table;position:absolute;top:50%;right:0;left:0;width:600px;margin:-210px auto 0 auto;counter-reset:button-counter}.row{display:table-row}.toggle-button-cover{display:table-cell;position:relative;width:200px;height:140px;box-sizing:border-box}.button-cover{margin:10px;background-color:#fff;box-shadow:0 3px 0 #e7efef}.button-cover:before{counter-increment:button-counter;content:counter(button-counter);position:absolute;right:0;bottom:0;color:#e7efef;font-size:12px;line-height:1;padding:5px}.button-cover,.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{position:relative;top:50%;width:74px;height:36px;box-sizing:border-box;overflow:hidden}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{border:1px solid #e2e7ea;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:#ecf0f1;transition:.3s ease all;z-index:1}#button-1 .knobs:before{content:'';border:1px solid #e2e7ea;background:#fff url(../img/wk_btn_off.png) no-repeat center center;position:absolute;top:0;left:0;width:36px;height:36px;color:#fff;font-size:10px;font-weight:bold;line-height:1;text-align:center;padding:9px 4px;border-radius:50%;transition:.3s cubic-bezier(0.18,0.89,0.35,1.15) all}#button-1 .checkbox:checked+.knobs:before{content:'';left:38px;background:#fff url(../img/wk_btn.png) no-repeat center center}#button-1 .checkbox:checked ~ .layer{background-color:#6889b1}#button-1 .knobs,#button-1 .knobs:before,#button-1 .layer{transition:.3s ease all}#button-2 .knobs:before{content:'';border:1px solid #e2e7ea;background:#fff url(../img/fb_btn_off.png) no-repeat center center;position:absolute;top:0;left:0;width:36px;height:36px;color:#fff;font-size:10px;font-weight:bold;line-height:1;text-align:center;padding:9px 4px;border-radius:50%;transition:.3s cubic-bezier(0.18,0.89,0.35,1.15) all}#button-2 .checkbox:checked+.knobs:before{content:'';left:38px;background:#fff url(../img/fb_btn.png) no-repeat center center}#button-2 .checkbox:checked ~ .layer{background-color:#6889b1}#button-2 .knobs,#button-2 .knobs:before,#button-2 .layer{transition:.3s ease all}#button-3 .knobs:before{content:'';border:1px solid #e2e7ea;background:#fff url(../img/ok_btn_off.png) no-repeat center center;position:absolute;top:0;left:0;width:36px;height:36px;color:#fff;font-size:10px;font-weight:bold;line-height:1;text-align:center;padding:9px 4px;border-radius:50%;transition:.3s cubic-bezier(0.18,0.89,0.35,1.15) all}#button-3 .checkbox:checked+.knobs:before{content:'';left:38px;background:#fff url(../img/ok_btn.png) no-repeat center center}#button-3 .checkbox:checked ~ .layer{background-color:#6889b1}#button-3 .knobs,#button-3 .knobs:before,#button-3 .layer{transition:.3s ease all}