/* Add-on block "like": like / dislike over a card's preview. Own colours on purpose: it sits on a photograph, in every style. */
.post--card { position:relative; }
.likes { position:absolute; z-index:3; top:10px; left:10px; display:flex; gap:4px; margin:0; padding:3px; border-radius:999px; background:rgb(10 10 12 / .72); backdrop-filter:blur(6px); }
.likes__btn { display:inline-flex; align-items:center; gap:5px; min-height:32px; padding:0 10px; border:0; border-radius:999px; background:none; color:#fff; font:700 13px/1 system-ui,sans-serif; cursor:pointer; transition:background .15s,transform .15s; }
.likes__btn:hover { background:rgb(255 255 255 / .18); transform:scale(1.05); }
.likes__btn:focus-visible { outline:2px solid #ffb500; outline-offset:1px; }
.likes__btn--up[aria-pressed=true] { background:#469a58; }
.likes__btn--down[aria-pressed=true] { background:#c8402f; }
.likes__count { font-weight:700; color:#fff; }