Switch by kandalgaonkarshubham

1.label {
2  display: inline-flex;
3  align-items: center;
4  cursor: pointer;
5  color: #394a56;
6}
7
8.label-text {
9  margin-left: 16px;
10}
11
12.toggle {
13  isolation: isolate;
14  position: relative;
15  height: 30px;
16  width: 60px;
17  border-radius: 15px;
18  overflow: hidden;
19  box-shadow: -8px -4px 8px 0px rgb(50, 50, 50),
20    8px 4px 12px 0px rgb(25, 25, 25), 4px 4px 4px 0px rgb(25, 25, 25) inset,
21    -4px -4px 4px 0px rgb(50, 50, 50) inset;
22}
23
24.toggle-state {
25  display: none;
26}
27
28.indicator {
29  height: 100%;
30  width: 200%;
31  background: #262626;
32  border-radius: 15px;
33  transform: translate3d(-75%, 0, 0);
34  transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
35  box-shadow: -8px -4px 8px 0px rgb(25, 25, 25),
36    8px 4px 12px 0px rgb(25, 25, 25);
37}
38
39.toggle-state:checked ~ .indicator {
40  transform: translate3d(25%, 0, 0);
41}
42