body{background:#212529;color:#fff;padding:20px}.question{background:#343a40;border-radius:5px;margin-bottom:20px;padding:20px}.switch{display:inline-block;height:34px;margin-left:20px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"NO";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#0d6efd}input:checked+.slider:before{content:"YES";-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}