.button-video__wrapper{display:inline-flex;height:15rem;transform:rotateY(calc(var(--magnetic-ratio-x, 0)*1deg)) rotateX(calc(var(--magnetic-ratio-y, 0)*-1deg));transform-style:preserve-3d;transition:transform .1s;width:15rem}.button-video__container{height:8rem;width:8rem}.button-video__container *{pointer-events:none}.button-video__container:after{background-color:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:.1rem .1rem .1rem 0 rgba(60,13,78,.2);content:"";height:calc(100% - 1rem);left:.5rem;position:absolute;top:.5rem;width:calc(100% - 1rem);z-index:99999}@media (min-width:1024px){.button-video__container:after{height:calc(100% - 2rem);left:1rem;top:1rem;width:calc(100% - 2rem)}}.button-video__container>span{transform:translate(calc(var(--move-x, 0)*var(--magnetic-ratio-x, 0)*.1rem),calc(var(--move-y, 0)*var(--magnetic-ratio-y, 0)*.1rem)) rotateY(calc(var(--move-x, 0)*var(--magnetic-ratio-x, 0)*1deg)) rotateX(calc(var(--move-y, 0)*var(--magnetic-ratio-y, 0)*1deg))}.button-video svg{transform:translateX(10%)}@media (min-width:1024px){.button-video svg{width:2rem}}