.wpfc{position:fixed;display:flex;flex-direction:column;align-items:center}
.wpfc-right{right:20px;left:auto}
.wpfc-left{left:20px;right:auto}
.wpfc-hide-desktop{@media(min-width:1025px){display:none!important}}
.wpfc-hide-mobile{@media(max-width:1024px){display:none!important}}
.wpfc-btn{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;overflow:hidden;transition:transform .2s ease}
.wpfc-btn:hover{transform:translateY(-2px)}
.wpfc-btn img{width:55%;height:55%;pointer-events:none}
.wpfc-tip{position:absolute;white-space:nowrap;background:#111;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;opacity:0;transform:translateY(4px);transition:.2s}
.wpfc-right .wpfc-btn .wpfc-tip{right:calc(100% + 10px)}
.wpfc-left .wpfc-btn .wpfc-tip{left:calc(100% + 10px)}
.wpfc-btn:hover .wpfc-tip{opacity:1;transform:translateY(0)}
.wpfc-gap{width:1px}

/* ====== Animations ====== */
@keyframes wpfc-fade-slide-up {0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
@keyframes wpfc-pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes wpfc-wiggle {0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}100%{transform:rotate(0)}}
@keyframes wpfc-bounce {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.wpfc{animation:wpfc-fade-slide-up .45s ease both}
.wpfc-btn{animation:wpfc-pulse 2.8s ease-in-out infinite}
.wpfc-btn:hover{animation:wpfc-wiggle .35s ease both}
.wpfc-btn.wpfc-attn{animation:wpfc-bounce .8s ease-in-out 0s 6 alternate}

/* Stagger buttons entrance */
.wpfc .wpfc-btn:nth-child(1){animation-delay:.05s}
.wpfc .wpfc-btn:nth-child(3){animation-delay:.15s} /* after first gap */
.wpfc .wpfc-btn:nth-child(5){animation-delay:.25s}

/* Tooltip gentle fade */
.wpfc-btn .wpfc-tip{transition:opacity .18s ease, transform .18s ease}