Switch by ICe1BotMaker

1label[for="check"] input {
2  display: none;
3}
4
5label[for="check"] .check-bg {
6  width: 50px;
7  padding: 2.5px;
8  background: whitesmoke;
9  border-radius: 100px;
10  border: 1px solid rgb(228, 228, 228);
11  transition: background .1s, border .1s;
12}
13
14label[for="check"] .check-span {
15  display: block;
16  background: rgb(219, 219, 219);
17  width: 25px;
18  height: 25px;
19  border-radius: 100%;
20  transition: background .1s, border .1s, margin-left .325s;
21}
22
23label[for="check"] input:checked ~ .check-bg {
24  background: rgb(81, 107, 255);
25  border: 1px solid rgb(68, 90, 216);
26}
27
28label[for="check"] input:checked ~ .check-bg .check-span {
29  background: white;
30  border: 0;
31  margin-left: 18px;
32}