.counter {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px 6px;
  margin: 12px 0 0;
  cursor: pointer;
  font-size: 0.875rem;
}

.counter:hover {
  background: #f5f5f5;
}

@media (prefers-color-scheme: dark) {
  .counter {
    border-color: #444;
    color: #eee;
    background: transparent;
  }

  .counter:hover {
    background: #333;
  }
}