1input[type="checkbox"] {
2  display: none;
3}
4
5label svg {
6  width: 44px;
7  height: 44px;
8  fill: none;
9  stroke: #000;
10  stroke-width: 2px;
11}
12
13input[type="checkbox"]:checked + label svg {
14  fill: #FFC107;
15  animation: pop_42 0.5s ease-out;
16}
17
18@keyframes pop_42 {
19  0% {
20    transform: scale(1);
21  }
22
23  50% {
24    transform: scale(1.5);
25  }
26
27  100% {
28    transform: scale(1);
29  }
30}
31