.note-like-container{display:inline-flex;align-items:center;gap:8px;position:relative}.note-like-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid #ff7d97;background-color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.note-like-btn:hover{background-color:#fff5f7}.note-like-btn.liked{background-color:#fff0f3}.note-like-icon{width:20px;height:20px;fill:#fff5f7;stroke:#ff7d97;stroke-width:1.5;transition:all .2s ease}.note-like-btn:hover .note-like-icon{transform:scale(1.05);fill:#ffe6eb}.note-like-btn.liked .note-like-icon{fill:#ff7d97;stroke:#ff7d97}.note-like-btn{background:linear-gradient(145deg,#fff,#fff7f9);box-shadow:0 1px 3px rgba(255,125,151,.1)}.note-like-btn:hover{background:linear-gradient(145deg,#fff7f9,#ffecf0)}.note-like-btn.liked{background:linear-gradient(145deg,#ffecf0,#ffe6eb)}.note-like-count{font-size:13px;color:#777;font-weight:500}.note-like-small .note-like-btn{width:30px;height:30px}.note-like-small .note-like-icon{width:16px;height:16px}.note-like-small .note-like-count{font-size:12px}.note-like-large .note-like-btn{width:42px;height:42px}.note-like-large .note-like-icon{width:24px;height:24px}.note-like-large .note-like-count{font-size:14px}.note-share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid #1d9bf0;background-color:#fff;color:#1d9bf0;text-decoration:none;transition:all .2s ease}.note-share-btn:hover{background-color:#f0f8ff}.note-like-tooltip{position:absolute;left:50%;bottom:100%;transform:translateX(-50%) translateY(10px);background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;margin-bottom:6px;z-index:100}.note-like-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#333 transparent transparent}.note-like-tooltip.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (max-width:768px){.note-like-container{gap:6px}}