.react-like,.react-dislike{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel,transparent);color:var(--fg);font:700 .8rem/1 "Inter",sans-serif;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.react-like:hover,.react-dislike:hover{border-color:var(--a2)}
.react-like:disabled,.react-dislike:disabled{opacity:.6;cursor:default}
.react-like[aria-pressed="true"]{border-color:var(--a2);background:color-mix(in srgb,var(--a2) 16%,transparent);color:var(--a2)}
.react-dislike[aria-pressed="true"]{border-color:var(--danger,#ff5d7a);background:color-mix(in srgb,var(--danger,#ff5d7a) 16%,transparent);color:var(--danger,#ff5d7a)}
.react-count{font-variant-numeric:tabular-nums}
/* Dislike is a broken heart beside the heart (it was a bare "−"); its name is the aria-label. */
.react-dislike::before{content:"";width:17px;height:17px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 3c-.96 0-1.9.25-2.73.69L12 9h3l-3 10 1-9h-3l1.54-5.39C10.47 3.61 9.01 3 7.5 3 4.42 3 2 5.42 2 8.5c0 4.13 4.16 7.18 10 12.5 5.47-4.94 10-8.26 10-12.5C22 5.42 19.58 3 16.5 3z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 3c-.96 0-1.9.25-2.73.69L12 9h3l-3 10 1-9h-3l1.54-5.39C10.47 3.61 9.01 3 7.5 3 4.42 3 2 5.42 2 8.5c0 4.13 4.16 7.18 10 12.5 5.47-4.94 10-8.26 10-12.5C22 5.42 19.58 3 16.5 3z'/></svg>") center/contain no-repeat}