.like-btn{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:.5rem;transition:all .2s;display:flex}.like-btn:hover{background:#ffffff14;border-color:#f8717180;transform:translateY(-1px)}.like-btn:not(.like-btn--liked):hover,.like-btn:not(.like-btn--liked):hover .icon,.like-btn:not(.like-btn--liked):hover .like-count{color:var(--red-400)}.like-btn--pill{width:auto;min-width:2.25rem;height:2.25rem;padding:0 var(--space-md);justify-content:center}.like-btn--circle{justify-content:center}.like-btn--sm{width:2rem;height:2rem}.like-btn--md{width:2.5rem;height:2.5rem}.like-btn--lg{width:2.25rem;height:2.25rem}.like-btn--pill.like-btn--lg{width:auto;min-width:2.25rem}.like-btn--liked{color:var(--red-500)}.like-btn--liked:hover,.like-btn--liked:hover .icon,.like-btn--liked:hover .like-count{color:var(--red-400)}.like-btn:not(.like-btn--liked){color:var(--text-muted)}.like-btn .icon{transition:transform .3s}.like-btn--animating .icon{transform:scale(1.25)}.like-btn .icon.filled{fill:currentColor}.like-count{font-size:var(--text-sm);font-family:var(--font-dm-sans);font-weight:500}.like-btn--liked .like-count{color:var(--red-400)}.like-btn:not(.like-btn--liked) .like-count{color:var(--text-muted)}