[data-theme="light"] .wolf-counter,
.wolf-counter {
  --wolf-counter-bg: #fff;

  background: var(--wolf-counter-bg);
  border-radius: .25rem;
  margin-bottom: var(--spacing-2);
  padding: var(--spacing-3);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.05);
}

[data-theme="dark"] .wolf-counter {
  --wolf-counter-bg: #2f2f2f;
}

.wolf-counter-title {
  font-size: 1rem;
  margin: 0;
}

.wolf-counter-title .highlight {
  color: green;
}

.wolf-image {
  position: absolute;
  top: 10px;
  right: -2px;
  width: 100px;
  height: 70px;
  pointer-events: none;
}

.wolf-counter-footer {
  margin-bottom: var(--spacing-2);
  font-size: 70%;
  color: var(--color-muted);
  text-align: right;
}