.big-icon {
  
  border:.1em solid black;
  border-radius:50%;
  padding:.5em;
  display:inline-block;
  width:1em;
  height:1em;
  font-size:3em;
  transition: all 0.3s;
  transform:scale(0.8,0.8);
}
.icon {
  width:1em;
  height:1em;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  display:inline-block;
}
.icon-thumb {
  
  background-image:url(https://cdn3.iconfinder.com/data/icons/social-icons-24/24/Thumbs-Up-512.png);
}
.big-icon:hover {
  background-color:#ccc;
  transform:scale(1,1);
}
.checked {
  background-color:#cfc;
  border-color:green;
  transform:scale(0.95,0.95);
}
.checked .icon {
  background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Check_mark_23x20_02.svg/811px-Check_mark_23x20_02.svg.png);
}



.check-fav {
  display:none;
}
.check-fav + label {
  font-size:3em;
  color:gray;
  display:inline-block;
  width:1em;
  height:1em;
}
.check-fav:checked + label {
  color:red;
}
.check-fav:checked + label.highlight-orange {
  color:orange;
}




.check-type-list {
  list-style-type:none;
  margin:0;
  padding:0;
}
.check-type-list li {
  display:inline-block;
}


.check-type {
  display:none;
}
.check-type + label {
  color:gray;
  display:inline-block;
  padding:0.3em 0.7em;
  border:1px solid gray;
  line-height:1.2em;
  border-radius:0.5em;
  margin-top: 10px;
}

.check-type:checked + label.highlight-aurora {
  background-color:#CDCEE8;
  color:white;
}

.check-type:checked + label.highlight-sunset {
  background-color:#F6D0B6;
  color:white;
}

.check-type:checked + label.highlight-snow {
  background-color:#CDCDCD;
  color:white;
}

.check-type:checked + label.highlight-forest {
  background-color:#B7E4DD;
  color:white;
}

.check-type:checked + label.highlight-ocean {
  background-color:#ADD3DE;
  color:white;
}