/* PleyMeikel reaction: animate the icon, never resize the control or its hit area. */
.pm-like-motion { position: relative; overflow: visible !important; }
.pm-like-burst { position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:2; }
.pm-like-burst::before { content:''; position:absolute; inset:1px; border:2px solid #ff7900; border-radius:50%; animation:pmLikeRing 620ms ease-out both; }
.pm-like-burst i { position:absolute; left:50%; top:50%; width:3px; height:7px; margin:-3.5px 0 0 -1.5px; border-radius:2px; background:var(--pm-spark-color); transform:rotate(var(--pm-spark-angle)) translateY(-13px); animation:pmLikeSpark 620ms cubic-bezier(.16,.7,.3,1) both; }
@keyframes pmLikeRing { 0%,12% { opacity:0; transform:scale(.55); } 38% { opacity:.85; } 100% { opacity:0; transform:scale(1.5); } }
@keyframes pmLikeSpark { 0%,15% { opacity:0; transform:rotate(var(--pm-spark-angle)) translateY(-10px) scale(.3); } 35% { opacity:1; } 100% { opacity:0; transform:rotate(var(--pm-spark-angle)) translateY(-33px) scale(.2); } }
@media (prefers-reduced-motion:reduce) { .pm-like-burst { display:none; } }
.pm-like-status:empty { display:none; }
.pm-like-status { position:fixed; left:50%; bottom:28px; transform:translateX(-50%); max-width:90vw; padding:12px 20px; border:1px solid #666; border-radius:8px; background:#252525; color:#fff; z-index:2147483647; box-shadow:0 4px 20px #0008; }