.appreciation-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line,#ddd4c4);border-radius:999px;background:oklch(100% 0 0/.55);color:var(--ink,#1c1814);font:inherit;font-size:14px;font-weight:550;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.appreciation-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--coral,#c45c3a) 45%,var(--line,#ddd4c4));background:color-mix(in srgb,var(--coral,#c45c3a) 8%,white)}.appreciation-btn.is-on,.appreciation-btn:disabled.is-on{border-color:color-mix(in srgb,var(--coral,#c45c3a) 55%,var(--line,#ddd4c4));background:color-mix(in srgb,var(--coral,#c45c3a) 12%,white);color:color-mix(in srgb,var(--coral,#c45c3a) 70%,black);cursor:default}.appreciation-btn:disabled:not(.is-on){opacity:.65;cursor:wait}.appreciation-heart{font-size:15px;line-height:1}.appreciation-count{color:var(--muted,#6a5f52);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}