INPUT[type=checkbox] {
  display: none;
}

INPUT[type=checkbox] + LABEL {
  display: inline-block;
  margin: 0 0.25em 0.25em 0;
  padding: 0.125em 0.5em;
  font-size: smaller;
  color: var(--text2);
  border: solid 1px var(--text2);
  border-radius: 10000px;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

INPUT[type=checkbox]:checked + LABEL {
  color: var(--info-text);
  background-color: var(--info);
  border-color: var(--info-text);
}