.home .shop-pill .butterfly-art{overflow:visible}.home .shop-pill .butterfly-button-hover{opacity:0}.home .shop-pill:is(:hover,:focus-visible) .butterfly-button-hover{opacity:1}.home .shop-pill:is(:hover,:focus-visible) .butterfly-button-base{opacity:0}.home .shop-pill:is(:hover,:focus-visible) .butterfly{filter:url(#shop-butterfly-glow)}.home .shop-pill:is(:hover,:focus-visible) .shop-pill-label{color:#f871ab}.home .shop-pill .butterfly-wing{transform-box:view-box;transform-origin:var(--hinge-x) var(--hinge-y);backface-visibility:visible;transform:none}.home .shop-pill:is(:hover,:focus-visible) .butterfly-wing{animation-duration:var(--beat);animation-delay:var(--offset);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.home .shop-pill:is(:hover,:focus-visible) .wing-left{animation-name:butterfly-left-beat}.home .shop-pill:is(:hover,:focus-visible) .wing-right{animation-name:butterfly-right-beat}@keyframes butterfly-left-beat{0%,88%,to{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, 0deg)}38%{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, -79deg)}46%{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, -76deg)}}@keyframes butterfly-right-beat{0%,88%,to{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, 0deg)}40%{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, 75deg)}48%{transform:perspective(420px) rotate3d(var(--axis-x), var(--axis-y), 0, 72deg)}}@media (prefers-reduced-motion:reduce){.home .shop-pill:is(:hover,:focus-visible) .butterfly-wing{animation:none;transform:none}}