.club-reactions{display:grid;gap:14px;margin:26px 0;padding:18px 20px;border:1px solid var(--line,#DCE5F5);border-radius:12px;background:#f9faff}.club-reactions-heading{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:baseline}.club-reactions-heading strong{font-size:16px;color:var(--club-navy,#0B1A3C)}.club-reactions-heading span{color:#536582;font-size:13px}.club-reactions-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}.club-reaction-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #d1ddf3;border-radius:10px;background:#fff;color:var(--club-navy,#0B1A3C);font:inherit;font-size:13px;cursor:pointer}.club-reaction-button:is(:hover,.is-selected){border-color:var(--club-pink,#FF2D8B);background:var(--club-pink-soft,#FFF0F7)}.club-reaction-button.is-selected{color:var(--club-pink-deep,#AA175B);font-weight:700}.club-reaction-button:focus-visible{outline:3px solid var(--club-pink-deep,#AA175B);outline-offset:2px}.club-reaction-button.is-readonly{cursor:default}.club-reaction-icon{font-size:18px;line-height:1}.club-reaction-count{min-width:21px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.club-reactions-login{width:fit-content;color:var(--club-blue-deep,#093AA9);font-size:13px;text-decoration:underline;text-underline-offset:3px}.club-reactions.is-loading .club-reactions-actions{pointer-events:none}@media(max-width:430px){.club-reactions{padding:14px}.club-reactions-actions{gap:6px}.club-reaction-button{padding-inline:9px;gap:5px}}