@property --cosmic-ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.btn-cosmic-primary{position:relative;isolation:isolate;overflow:hidden;background:var(--gradient-cosmic);background-size:220% 220%;background-position:0 50%;animation:cosmic-drift 14s ease-in-out infinite;box-shadow:inset 0 1px 0 color-mix(in srgb,white 22%,transparent),inset 0 -1px 0 color-mix(in srgb,black 18%,transparent),var(--shadow-cosmic-glow)}.btn-cosmic-primary:hover{box-shadow:inset 0 1px 0 color-mix(in srgb,white 22%,transparent),inset 0 -1px 0 color-mix(in srgb,black 18%,transparent),var(--shadow-cosmic-glow-strong)}.btn-cosmic-primary:active{transform:scale(.97);transition:transform 80ms ease}@keyframes cosmic-drift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-cosmic-primary[data-glow=true]:before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--cosmic-ring-angle),var(--color-brand-500),var(--color-cosmic-500),var(--color-cosmic-700),var(--color-brand-700),var(--color-brand-500));-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cosmic-ring-spin 12s linear infinite;pointer-events:none;z-index:0}@keyframes cosmic-ring-spin{to{--cosmic-ring-angle:360deg}}.btn-cosmic-primary:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,white 22%,transparent) 50%,transparent 70%) -100% 0 /220% 100% no-repeat,radial-gradient(180px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,white 22%,transparent),transparent 70%);opacity:0;transition:opacity .22s ease,background-position 0s;z-index:1}.btn-cosmic-primary:hover:after{opacity:1;background-position:220% 0,0 0;transition:opacity .22s ease,background-position .9s ease}.btn-cosmic-primary>*{position:relative;z-index:2}.btn-cosmic-secondary{position:relative;isolation:isolate;background:var(--color-surface)}:where(.dark) .btn-cosmic-secondary{background:var(--color-surface-elevated)}.btn-cosmic-secondary:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--gradient-cosmic-border);-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;transition:opacity .2s ease}.btn-cosmic-secondary:hover{box-shadow:var(--shadow-cosmic-glow)}.btn-cosmic-secondary:active{transform:scale(.97);transition:transform 80ms ease}.btn-cosmic-secondary>*{position:relative;z-index:1}.btn-cosmic-glass{position:relative;isolation:isolate;overflow:hidden;background:color-mix(in srgb,white 4%,transparent);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 10%,transparent),inset 0 1px 0 color-mix(in srgb,white 8%,transparent);transition:background .22s ease,box-shadow .22s ease,transform 80ms ease}.btn-cosmic-glass:hover{background:color-mix(in srgb,white 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cosmic-400) 55%,transparent),inset 0 1px 0 color-mix(in srgb,white 14%,transparent),0 0 24px color-mix(in srgb,var(--color-cosmic-500) 18%,transparent)}.btn-cosmic-glass[data-emphasis=cosmic]{--meteor-tint:var(--color-cosmic-300);background:var(--gradient-cosmic-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cosmic-300) 45%,transparent),inset 0 1px 0 color-mix(in srgb,white 14%,transparent),0 0 20px color-mix(in srgb,var(--color-cosmic-500) 22%,transparent)}.btn-cosmic-glass[data-emphasis=cosmic]:hover{background:var(--gradient-cosmic);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cosmic-300) 70%,transparent),inset 0 1px 0 color-mix(in srgb,white 22%,transparent),0 0 30px color-mix(in srgb,var(--color-cosmic-400) 35%,transparent)}.btn-cosmic-glass[data-emphasis=silver]{--meteor-tint:var(--color-silver-200);background:var(--gradient-silver-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-silver-300) 50%,transparent),inset 0 1px 0 color-mix(in srgb,white 18%,transparent),0 0 20px color-mix(in srgb,var(--color-silver-400) 22%,transparent)}.btn-cosmic-glass[data-emphasis=silver]:hover{background:var(--gradient-silver);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-silver-200) 75%,transparent),inset 0 1px 0 color-mix(in srgb,white 28%,transparent),0 0 30px color-mix(in srgb,var(--color-silver-300) 40%,transparent)}.btn-cosmic-glass[data-emphasis=gold]{--meteor-tint:var(--color-gold-200);background:var(--gradient-gold-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-gold-300) 50%,transparent),inset 0 1px 0 color-mix(in srgb,white 18%,transparent),0 0 20px color-mix(in srgb,var(--color-gold-400) 28%,transparent)}.btn-cosmic-glass[data-emphasis=gold]:hover{background:var(--gradient-gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-gold-200) 75%,transparent),inset 0 1px 0 color-mix(in srgb,white 28%,transparent),0 0 30px color-mix(in srgb,var(--color-gold-300) 50%,transparent)}.btn-cosmic-glass:active{transform:scale(.98)}.btn-cosmic-glass>*{position:relative;z-index:1}:where(:not(.dark)) .btn-cosmic-glass{background:color-mix(in srgb,var(--color-text-primary) 86%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 12%,transparent),inset 0 1px 0 color-mix(in srgb,white 18%,transparent)}:where(:not(.dark)) .btn-cosmic-glass:hover{background:color-mix(in srgb,var(--color-text-primary) 92%,transparent)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=cosmic]{background:linear-gradient(135deg,var(--color-brand-700) 0,var(--color-cosmic-700) 100%)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=cosmic]:hover{background:linear-gradient(135deg,var(--color-brand-800) 0,var(--color-cosmic-800) 100%)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=silver]{background:linear-gradient(135deg,var(--color-silver-500) 0,var(--color-silver-700) 100%)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=silver]:hover{background:linear-gradient(135deg,var(--color-silver-600) 0,var(--color-silver-800) 100%)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=gold]{background:linear-gradient(135deg,var(--color-gold-500) 0,var(--color-gold-700) 100%)}:where(:not(.dark)) .btn-cosmic-glass[data-emphasis=gold]:hover{background:linear-gradient(135deg,var(--color-gold-600) 0,var(--color-gold-800) 100%)}.btn-cosmic-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(140px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,white 12%,transparent),transparent 65%);opacity:0;transition:opacity .22s ease;z-index:0}.btn-cosmic-glass:hover:after{opacity:1}[data-button-meteors]{inset:0;overflow:hidden;border-radius:inherit;z-index:0}.btn-meteor,[data-button-meteors]{position:absolute;pointer-events:none}.btn-meteor{top:-10%;left:var(--meteor-x,50%);width:1px;height:60%;background:linear-gradient(180deg,color-mix(in srgb,white 70%,transparent) 0,color-mix(in srgb,var(--meteor-tint,var(--color-cosmic-300)) 50%,transparent) 60%,transparent 100%);transform-origin:top center;transform:rotate(35deg) translate(-50%,-120%);opacity:0;animation:btn-meteor-streak 4.2s linear infinite;animation-delay:var(--meteor-delay,0s)}@keyframes btn-meteor-streak{0%{transform:rotate(35deg) translate(-50%,-120%);opacity:0}6%{opacity:.9}60%{opacity:.6}to{transform:rotate(35deg) translate(60%,180%);opacity:0}}.btn-cosmic-link{position:relative;background:transparent;padding-inline:0;padding-block:.125rem}.btn-cosmic-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;border-radius:9999px;background:var(--gradient-cosmic-border);background-size:220% 100%;background-position:100% 0;transition:background-position .35s ease}.btn-cosmic-link:hover:after{background-position:0 0}[data-loading=true] [data-button-content]{opacity:0}[data-loading=true] [data-button-spinner]{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;z-index:2}.btn-spinner-ring{width:1.1em;height:1.1em;border-radius:9999px;background:conic-gradient(from 0deg,transparent 0deg,currentColor 320deg,transparent 1turn);-webkit-mask:radial-gradient(circle,transparent 55%,black 56%);mask:radial-gradient(circle,transparent 55%,black 56%);animation:btn-spin .7s linear infinite}[data-variant=primary] .btn-spinner-ring,[data-variant=secondary] .btn-spinner-ring{background:conic-gradient(from 0deg,transparent 0deg,var(--color-cosmic-500) 160deg,var(--color-brand-500) 320deg,transparent 1turn)}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn-cosmic-primary,.btn-cosmic-primary[data-glow=true]:before,.btn-meteor,.btn-spinner-ring{animation:none!important}.btn-cosmic-primary:hover:after{transition:opacity .22s ease!important;background-position:-100% 0,0 0!important}.btn-cosmic-link:after{transition:none!important}.btn-meteor{opacity:0!important}}[data-anim-tier=frozen] .btn-cosmic-primary,[data-anim-tier=frozen] .btn-cosmic-primary[data-glow=true]:before,[data-anim-tier=frozen] .btn-meteor{animation:none!important}[data-anim-tier=frozen] .btn-meteor{opacity:0!important}