Checkbox by andrew-demchenk0

1.container input {
2  position: absolute;
3  opacity: 0;
4  cursor: pointer;
5  height: 0;
6  width: 0;
7}
8
9.container {
10  display: block;
11  position: relative;
12  cursor: pointer;
13  user-select: none;
14}
15
16.container svg {
17  position: relative;
18  top: 0;
19  left: 0;
20  height: 50px;
21  width: 50px;
22  transition: all 0.3s;
23  fill: #666;
24}
25
26.container svg:hover {
27  transform: scale(1.1);
28}
29
30.container input:checked ~ svg {
31  fill: #ffeb49;
32}
33