.hbn-magic-surface{position:relative;isolation:isolate;overflow:clip}.hbn-magic-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.hbn-magic-atmosphere__orb{position:absolute;display:block;border-radius:50%;filter:blur(44px);animation:hbn-magic-drift 24s ease-in-out infinite}.hbn-magic-atmosphere__orb--lavender{width:68%;height:90%;left:-20%;top:-30%;background:radial-gradient(ellipse,#ddc5ffb8,#e7d6ff00 70%)}.hbn-magic-atmosphere__orb--peach{width:65%;height:100%;right:-18%;bottom:-34%;background:radial-gradient(ellipse,#ffd2b6cc,#ffd9bd00 70%);animation-duration:30s;animation-direction:reverse}.hbn-magic-atmosphere__orb--mint{width:52%;height:70%;right:10%;top:20%;background:radial-gradient(ellipse,#b7ead6a6,#cff0e600 70%);animation-duration:36s;animation-delay:-12s}.hbn-magic-particles{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hbn-magic-spark{display:block;flex:0 0 auto;width:20px;height:20px}.hbn-magic-button.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:16px 25px;overflow:hidden;--button-color: #fff;--button-background-color: #7650c8;--button-border-color: transparent;color:#fff;background:linear-gradient(115deg,#6540bc,#9466dc);border:0;border-radius:var(--style-border-radius-buttons-primary, 15px);box-shadow:0 16px 30px -16px #6b4bd6bf;text-decoration:none;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.hbn-magic-button>span:not(.hbn-magic-button__shine),.hbn-magic-button>svg{position:relative;z-index:1}.hbn-magic-button .hbn-magic-button__shine{position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:translate(-180%) skew(-18deg);animation:hbn-magic-sweep 4.5s ease-in-out infinite;pointer-events:none}.hbn-magic-button>.hbn-magic-spark{width:18px;height:18px;color:#ffe1b4;animation:hbn-magic-twinkle 3.6s ease-in-out infinite}.hbn-magic-button:focus-visible{outline:3px solid #4a1e69;outline-offset:5px}@media(hover:hover)and (pointer:fine){.hbn-magic-button.button:hover{color:#fff;transform:translateY(-3px);box-shadow:0 22px 36px -15px #6b4bd6c9}}[data-hbn-paused] *,[data-hbn-paused] *:before,[data-hbn-paused] *:after{animation-play-state:paused!important}@keyframes hbn-magic-drift{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(9%,-6%,0) scale(1.14)}66%{transform:translate3d(-6%,7%,0) scale(.96)}}@keyframes hbn-magic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes hbn-magic-sweep{0%,30%{transform:translate(-180%) skew(-18deg)}72%,to{transform:translate(400%) skew(-18deg)}}@keyframes hbn-magic-twinkle{0%,to{transform:scale(.8) rotate(-12deg);opacity:.7}50%{transform:scale(1.12) rotate(12deg);opacity:1}}@keyframes hbn-magic-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.hbn-magic-atmosphere__orb{filter:blur(24px)}}@media(prefers-reduced-motion:reduce){[data-hbn-magic] *,[data-hbn-magic] *:before,[data-hbn-magic] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hbn-magic-button.button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hbn-magic.css.map */