.like-btn{align-items:center;gap:var(--space-sm);cursor:pointer;border:none;border-radius:9999px;transition:all .3s;display:flex}.like-btn--pill{padding:var(--space-sm)var(--space-md);border:1px solid var(--border-light);background:#ffffff0f}.like-btn--pill:hover{background:#ffffff1a}.like-btn--circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center}.like-btn--circle:hover{background:#000000b3}.like-btn--sm{width:2rem;height:2rem}.like-btn--md{width:2.5rem;height:2.5rem}.like-btn--lg{width:3rem;height:3rem}.like-btn--liked{color:var(--red-500)}.like-btn:not(.like-btn--liked){color:var(--text-secondary)}.like-btn:not(.like-btn--liked):hover{color:var(--text-primary)}.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)}