1.container {
2  display: block;
3  height: 1.5em;
4  width: 1.5em;
5  cursor: pointer;
6  position: relative;
7}
8
9.container input {
10  position: absolute;
11  transform: scale(0);
12}
13
14.container input:checked ~ .checkmark {
15  transform: rotate(45deg);
16  height: 2em;
17  width: .7em;
18  border-color: #32cd32;
19  border-top-color: transparent;
20  border-left-color: transparent;
21  border-radius: 0;
22}
23
24.container .checkmark {
25  display: block;
26  width: inherit;
27  height: inherit;
28  border: 2px solid #32cd32;
29  border-radius: 4px;
30  transition: all .3s;
31}
32
33
34
35