/* Duimen: kleur wisselt, lichte schaal. Tril zit in thumbs.js. */
.thumbs {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.thumb {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.85rem;
  border: 2px solid #d1d5db;
  background: #f9fafb;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.12s ease;
  -webkit-tap-highlight-color: transparent;
}

.thumb svg {
  width: 1.35rem;
  height: 1.35rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.thumb:active {
  transform: scale(0.94);
}

.thumb.is-yes {
  background: #dcfce7;
  border-color: #16a34a;
  color: #15803d;
  transform: scale(1.06);
}

.thumb.is-no {
  background: #fee2e2;
  border-color: #dc2626;
  color: #b91c1c;
  transform: scale(1.06);
}

.thumb.is-yes svg,
.thumb.is-no svg {
  fill: currentColor;
  stroke: currentColor;
}