1.checkbox-wrapper *,
2  .checkbox-wrapper *::before,
3  .checkbox-wrapper *::after {
4  box-sizing: border-box;
5}
6
7.checkbox-wrapper label {
8  display: block;
9  width: 35px;
10  height: 35px;
11  cursor: pointer;
12}
13
14.checkbox-wrapper input {
15  visibility: hidden;
16  display: none;
17}
18
19.checkbox-wrapper input:checked ~ .checkbox {
20  transform: rotate(45deg);
21  width: 14px;
22  margin-left: 12px;
23  border-color: #000000;
24  border-top-color: transparent;
25  border-left-color: transparent;
26  border-radius: 0;
27}
28
29.checkbox-wrapper .checkbox {
30  display: block;
31  width: inherit;
32  height: inherit;
33  border: 3px solid #434343;
34  border-radius: 6px;
35  transition: all 0.375s;
36}
37
38