.film-reactions {
  display: flex;
  gap: 16px;
  margin-top: 32px;
  justify-content: center;
}

.film-reactions button {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-muted);
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.25s ease;
}

.film-reactions button:hover {
  color: var(--text-main);
  border-color: #2a2a2a;
  transform: translateY(-1px);
}

.film-reactions button.active {
  color: var(--text-main);
  border-color: #333;
}