/* 28-10-2026: like buttons (articles, tools), more visible than the first grey outline version */
.like-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .62rem 1.25rem; border-radius: 999px;
    border: 2px solid #f43f5e; background: #fff; color: #e11d48; font-weight: 700; font-size: .98rem; line-height: 1;
    cursor: pointer; box-shadow: 0 2px 10px rgba(225, 29, 72, .15); transition: transform .12s, box-shadow .15s, background .15s; }
.like-btn svg { width: 20px; height: 20px; fill: rgba(244, 63, 94, .15); stroke: currentColor; stroke-width: 2; flex: 0 0 auto; }
.like-btn:hover { background: #fff1f2; box-shadow: 0 4px 16px rgba(225, 29, 72, .25); transform: translateY(-1px); }
.like-btn.liked { background: linear-gradient(135deg, #f43f5e, #e11d48); border-color: #e11d48; color: #fff; }
.like-btn.liked svg { fill: #fff; stroke: #fff; }
.like-btn .like-count:not(:empty) { background: #ffe4e6; color: #be123c; border-radius: 999px; padding: .15rem .55rem; font-size: .85rem; }
.like-btn.liked .like-count:not(:empty) { background: rgba(255, 255, 255, .25); color: #fff; }
.like-btn:disabled { opacity: .7; cursor: wait; }
.like-btn.pop svg { animation: likePop .35s ease; }
@keyframes likePop { 0% { transform: scale(1); } 45% { transform: scale(1.35); } 100% { transform: scale(1); } }
/* small variant (page headers) */
.like-btn.like-sm { padding: .45rem .95rem; font-size: .88rem; }
.like-btn.like-sm svg { width: 17px; height: 17px; }
.like-slot { margin-top: 14px; }
/* counters on lists (tool cards) */
.like-counter { display: inline-flex; align-items: center; gap: .2rem; font-size: .78rem; font-weight: 700; color: #e11d48; }
.like-counter:empty { display: none; }