@keyframes tbc-aurora-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button-aurora{position:relative;overflow:hidden;color:var(--primary-foreground);font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,var(--primary) 0,var(--primary) 30%,var(--color-aurora-accent) 60%,var(--primary) 100%);background-size:200% 200%;animation:tbc-aurora-shift 6s ease-in-out infinite;box-shadow:var(--btn-aurora-shadow-mobile);transition:transform .2s var(--ease-spring-hover,cubic-bezier(.34,1.56,.64,1)),box-shadow .2s ease}.button-aurora:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,var(--btn-aurora-glow-color) 0,transparent 70%);filter:blur(40px);will-change:opacity;z-index:-1}@media (min-width:768px){.button-aurora{font-weight:800;letter-spacing:.03em;box-shadow:var(--btn-aurora-shadow)}.button-aurora:before{inset:0;filter:none;padding:2px;background:radial-gradient(circle at 50% 50%,var(--overlay-light) 0,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.button-aurora:hover:before{opacity:1}}.button-aurora:focus-visible,.button-aurora:hover{transform:translateY(-3px);box-shadow:var(--btn-aurora-shadow-hover);animation-duration:3s}.button-aurora:focus-visible{outline:none;box-shadow:var(--btn-aurora-shadow-hover),0 0 0 var(--btn-focus-ring-offset,2px) var(--surface-page,#F0EDFF),0 0 0 calc(var(--btn-focus-ring-offset, 2px) + var(--btn-focus-ring-width, 2px)) var(--state-focus-ring,#6759FF)}.button-aurora:active{transform:translateY(-1px) scale(.97);transition-duration:80ms}.button-aurora:disabled,.button-aurora[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;animation-play-state:paused}@media (prefers-reduced-motion:reduce){.button-aurora{animation:none;transition-duration:0s}.button-aurora:focus-visible,.button-aurora:hover{transform:none}.button-aurora:before{display:none}}@media (max-width:767px){.button-aurora{animation:none;background-size:100% 100%}}