.like-button-container{position:relative;display:inline-block}.heart-button{position:relative;background:none;border:none;cursor:pointer;padding:9px 0 3px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.heart-button:hover{transform:scale(1.1)}.heart-button:active{transform:scale(.9)}.heart-container{width:24px;height:24px;position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.heart-button.animating .heart-container{animation:heartBeat .3s ease-in-out}.heart-path{stroke:#000000;fill:transparent;transition:all .2s ease-in-out}.heart-button.liked .heart-path{stroke:#ef4444;fill:#ef4444}.shine-effect{top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-12deg);animation:shine .5s ease-out;animation-delay:.6s}.particles,.shine-effect{position:absolute;pointer-events:none}.particles{top:50%;left:50%}.particle{position:absolute;top:0;left:0;transform:translate(-50%,-50%);animation:particleFloat .8s ease-out forwards}.particle-1{animation-delay:0s}.particle-2{animation-delay:50ms}.particle-3{animation-delay:.1s}.particle-4{animation-delay:.15s}.particle-5{animation-delay:.2s}.particle-6{animation-delay:.25s}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulseOut{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes shine{0%{left:-70%;opacity:0}50%{opacity:1}to{left:1%;opacity:0}}@keyframes particleFloat{0%{transform:translate(-50%,-50%) scale(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(var(--particle-x,0),var(--particle-y,0)) scale(0);opacity:0}}.particle-1{--particle-x:-30px;--particle-y:-40px}.particle-2{--particle-x:25px;--particle-y:-35px}.particle-3{--particle-x:-40px;--particle-y:10px}.particle-4{--particle-x:35px;--particle-y:15px}.particle-5{--particle-x:-15px;--particle-y:45px}.particle-6{--particle-x:20px;--particle-y:40px}@media (max-width:768px){.heart-button{padding:9px 0 3px}}@media (max-width:720px){.heart-container{width:18px;height:18px}}