#teeth input[type="checkbox"]{
    width:30px;
    height: 30px
}


#teeth input[type="checkbox"]:not(:checked),
#teeth input[type="checkbox"]:checked {
  position: absolute;
  left: -9999%;
}

#teeth input[type="checkbox"] + label {
  display: inline-block;
  padding: 0.3vw;
  cursor: pointer;
  border: 1px solid #1872a7;
  color: #1872a7;
  background-color: white;
  border-radius:10%;
}

#teeth input[type="checkbox"]:checked + label {
  border: 1px solid white;
  color: white;
  background-color:#1872a7;
}