@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes from-center{0%{top:50%;left:50%;transform:translate(-50%,-50%)}}.particle{width:12px;height:12px;animation:from-center forwards var(--disperse-duration),fade-out forwards var(--fade-duration);pointer-events:none;background:#facc9e;border-radius:50%;position:absolute}.like-button{cursor:pointer;background-color:red;border:none;border-radius:50%;align-items:center;width:100px;height:100px;padding:16px;transition:background-color .2s;display:flex;position:relative;top:15px;right:15px}.like-button path{stroke:var(--heart-color,#7d2cf6);stroke-width:2px;fill:none;transition:all .3s}.like-button:hover path{fill:var(--heart-color-light,#8f74ef);stroke:var(--heart-color,#713cf6);stroke-width:2.5px}.like-button.liked path{fill:var(--heart-color-light,#8f74ef);stroke:var(--heart-color,#713cf6)}.like-button svg{width:3rem;height:3rem;transition:transform .2s;display:block;position:relative}.like-button:hover svg{transform:scale(1.1)}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}