.tokens label {
  cursor: pointer;
  height: 32px;
}

.tokens {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tokens > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tokens input {
  opacity: 0;
  position: absolute;
}

.tokens img {
  filter: grayscale(1);
  opacity: 0.6;
  height: 32px;
}

.tokens input:checked ~ img {
  filter: initial;
  opacity: 1;
}


.counter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter button {
  background: initial;
  border: initial;
  outline: initial;
  cursor: pointer;
  padding: initial;
}