:where([data-pb-motion]){position:relative}[data-pb-motion]>:not(.pb-button-motion__mark){transition:opacity .1s ease,translate .14s ease}.pb-button-motion__mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:inherit;opacity:0;pointer-events:none}.pb-button-motion__mark:before{content:"";width:28px;height:32px;background:currentColor;-webkit-mask:url(pixelbuilds-pc-mark.svg) center / contain no-repeat;mask:url(pixelbuilds-pc-mark.svg) center / contain no-repeat}[data-pb-motion-active]>:not(.pb-button-motion__mark){opacity:0;translate:0 -2px}[data-pb-motion-active]>.pb-button-motion__mark{opacity:1}[data-pb-motion-active]>.pb-button-motion__mark:before{animation:pb-button-boot .42s cubic-bezier(.2,.7,.25,1) both}@keyframes pb-button-boot{0%,16%{opacity:0;transform:perspective(180px) rotateY(-38deg) translateY(3px) scale(.92)}55%{opacity:1;transform:perspective(180px) rotateY(6deg) translateY(0) scale(1)}to{opacity:1;transform:perspective(180px) rotateY(0) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){[data-pb-motion]>:not(.pb-button-motion__mark){opacity:1;translate:none;transition:none}[data-pb-motion]>.pb-button-motion__mark{display:none}.pb-button-motion__mark:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/pixelbuilds-button-motion.css.map */
