.x-like{transition:all 0.3s ease;background:rgba(255,255,255,0.8);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1);border:none}.x-like i{font-size:1.2rem;color:#aaa;transition:all 0.3s ease}.x-like:hover{background:rgba(255,255,255,0.95);transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,0.15)}.x-like.active i{color:#ff4d4d;animation:heartBeat 0.3s ease-in-out}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}