/* Component: like-button */

.wpar-actions {
  display: flex;
  gap: 8px;
}

.wpar-like {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

.wpar-like:hover {
  background: #fff1f3;
  border-color: #fbc4cd;
  color: #e11d48;
}

.wpar-like[aria-pressed="true"] {
  color: #e11d48;
  border-color: #f7a1af;
  background: #ffe4e8;
}

.wpar-like[aria-pressed="true"] svg {
  fill: currentColor;
}

.wpar-like__count {
  min-width: 1.6em;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--field);
  font-size: 12.5px;
  line-height: 1.6;
  text-align: center;
}

.wpar-like[aria-pressed="true"] .wpar-like__count {
  background: #fff;
  color: #be123c;
}

.wpar-like__count[hidden] {
  display: none;
}