.counter {
  --bg: var(--white-10);
  --color: var(--brand-50);
  --padding: var(--spacing-3) var(--spacing-3);
  --shadow: var(--shadow-3);
  --border-radius: var(--border-radius-3);

  background-color: var(--bg);
  color: var(--color);

  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--padding);

  box-shadow: var(--shadow);
  border-radius: var(--border-radius);
}

.counter__value {
  font-size: 2rem;
  font-weight: 700;
}