cra-template-ichsnn-counter-app/template/src/views/counter/components/CounterBtn.css

The base template for a CRA counter app

.counter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3ch;
  aspect-ratio: 1 / 1 ;
  cursor: pointer;
  padding: 6px 12px;
  font-weight: 700;
  font-size: 24px;
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 6px;
}

.counter-btn:hover {
  background-color: #ccc;
}

.counter-btn:active {
  background-color: #aaa;
}