.edition-like {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  border: 1px solid var(--rule, rgba(74, 57, 40, .25));
  border-radius: 999px;
  padding: 8px 16px;
  color: var(--ink, #2d2925);
  background: transparent;
  font: inherit;
  font-size: 17px;
  cursor: pointer;
}

.edition-like:hover:not(:disabled),
.edition-like[aria-pressed="true"] {
  border-color: var(--accent, #9a5a35);
  color: var(--accent, #9a5a35);
}

.edition-like:focus-visible {
  outline: 2px solid var(--accent, #9a5a35);
  outline-offset: 3px;
}

.edition-like:disabled { cursor: default; opacity: .6; }
.edition-like-icon { font-size: 24px; line-height: 1; }
.edition-like-count { min-width: 1ch; font-variant-numeric: tabular-nums; }
.edition-info .edition-like { margin: 0 14px 14px 0; vertical-align: middle; }

.edition-like-panel {
  width: min(760px, calc(100% - 40px));
  margin: 70px auto 30px;
  padding: 30px;
  border: 1px solid var(--rule, rgba(255, 255, 255, .22));
  border-radius: 10px;
  text-align: center;
}

.edition-like-panel p { margin: 0 0 16px; font-size: 20px; }
.edition-like-panel .edition-like { margin-inline: auto; }