.like-button{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 10px;border-radius:99px;cursor:pointer;transition:all .2s ease;color:#6b7280;position:relative}.like-button:hover{background-color:rgba(239,68,68,.1);color:#ef4444}.like-button.liked{color:#ef4444}.like-button.animating .like-icon{animation:heartBeat .7s ease-in-out}.like-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.like-count{font-size:14px;font-weight:500}.like-text{font-size:14px;margin-left:2px}.like-button.compact{padding:4px 8px}.like-button.compact .like-icon{width:20px;height:20px}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.95)}45%{transform:scale(1.2)}60%{transform:scale(.95)}to{transform:scale(1)}}.loading-spinner{position:absolute;width:18px;height:18px;border:2px solid rgba(0,0,0,.1);border-top-color:#6b7280;border-radius:50%;animation:spin .8s linear infinite}.like-button.loading{opacity:.7;pointer-events:none}.like-button.loading .like-icon{opacity:.4}@keyframes spin{to{transform:rotate(1turn)}}@media (hover:none){.like-button:hover{background-color:transparent;color:inherit}.like-button.liked:hover{color:#ef4444}}@media (prefers-color-scheme:dark){.like-button{color:#9ca3af}.like-button:hover{background-color:rgba(239,68,68,.15)}.loading-spinner{border:2px solid rgba(255,255,255,.1);border-top-color:#9ca3af}}