.hv-article-shell .hv-reactions{margin-block:24px;padding:16px 0;border:0;border-radius:0;background:transparent;color:var(--hv-home-text)}
.hv-article-shell .hv-reactions h2{font-size:1.15rem;margin:0 0 12px;color:inherit}
.hv-reactions__choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hv-article-shell .hv-reactions button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;min-height:100px;padding:8px;border:1px solid var(--hv-home-border);border-radius:10px;background:transparent;color:var(--hv-home-text);font:inherit;font-size:12px;cursor:pointer}
.hv-article-shell .hv-reactions button img{display:block;width:48px;height:48px;min-width:0;object-fit:contain;margin:0;filter:none;background:transparent;border:0;border-radius:0;box-shadow:none}
.hv-article-shell .hv-reactions button[aria-pressed="true"],.hv-article-shell .hv-reactions button:focus-visible{outline:2px solid var(--hv-accent);outline-offset:2px}
.hv-article-shell .hv-reactions button:disabled{cursor:default;opacity:.8}
.hv-reactions__status:empty{display:none}

@media(max-width:600px){.hv-article-shell .hv-reactions button{flex:0 0 calc((100% - 24px)/4);min-width:0;padding:6px 2px;font-size:10px}.hv-article-shell .hv-reactions button img{width:40px;height:40px}}
/* Scoped exception for the site's cached global button gradient. */
html body.hv-site .hv-reactions button{background:transparent!important;color:var(--hv-home-text)!important}