Document
.hide {
display: none;
}
.square {
background-color: #fff;
border: 1px solid #bfbfbf;
display: inline-block;
height: 0.9em;
padding: 2px;
border-radius: 100%;
margin-right: 5px;
margin-top: -2px;
vertical-align: middle;
width: 0.9em;
line-height: 1;
box-sizing: content-box;
}
.hide:checked+.square:after {
background-color: #ffd958;
content: "";
display: inline-block;
height: 0.9em;
width: 0.9em;
vertical-align: top;
border-radius: 100%;
}
b
g