.cc_toggle{ position:relative;display:inline-block;width:50px;height:28px; }
.cc_toggle input{ display:none; }
.cc_toggle .slider{ position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;transition:0.3s;cursor:pointer; }
.cc_toggle .slider::before { content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:0.3s;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}
.cc_toggle input:checked + .slider { background-color:#4cd964; }
.cc_toggle input:checked + .slider::before { transform:translateX(22px); }