.article-likes{margin-block:2rem 0;padding-block:1rem;max-inline-size:100%;overflow-wrap:anywhere}
.article-likes__button{display:inline-flex;align-items:center;gap:.6rem;min-block-size:48px;padding:.65rem 1rem;border:1.5px solid #923930;border-radius:.4rem;background:#fffaf7;color:#923930;font:inherit;font-size:1rem;font-weight:700;line-height:1.35;cursor:pointer}
.article-likes__button svg{flex:none}
.article-likes__button:hover:not(:disabled){background:#f5e9e3}
.article-likes__button[aria-pressed=true]{background:#923930;color:#fff}
.article-likes__button[aria-pressed=true] svg{fill:currentColor;stroke:#fff}
.article-likes__button:focus-visible{outline:3px solid #272527;outline-offset:3px}
.article-likes__button:disabled{cursor:default;opacity:.65}
.article-likes__count{min-inline-size:1.3em;padding-inline-start:.5rem;border-inline-start:1px solid currentColor;font-variant-numeric:tabular-nums}
.article-likes .article-likes__status{font:inherit;font-size:.85rem;line-height:1.55;margin:.5rem 0 0;max-inline-size:70ch;color:#625b57}
.article-likes__status:empty,.article-likes [hidden]{display:none!important}
@media(forced-colors:active){.article-likes__button{border-color:ButtonText}.article-likes__button[aria-pressed=true]{outline:2px solid Highlight}.article-likes__button:focus-visible{outline-color:Highlight}}
