@property --shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.shine-button{--shine-color:var(--accent);--shine-speed:2.4s;isolation:isolate;color:#fefefe;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff0f,0 8px 24px #00000040,0 0 26px -8px color-mix(in srgb,var(--shine-color)70%,transparent);background:#1a1a1a;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative;overflow:hidden}.shine-button:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--shine-angle),transparent 0%,var(--shine-color)10%,#fff 16%,var(--shine-color)22%,transparent 34%,transparent 100%);-webkit-mask-composite:xor;animation:shine-button-rotate var(--shine-speed)linear infinite;padding:1.2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shine-button-rotate{to{--shine-angle:360deg}}.shine-button:active{transform:scale(.97)}.shine-button:focus-visible{outline-offset:3px;outline:2px solid #fefefe99}.shine-button:disabled{opacity:.55;cursor:default}.shine-button:disabled:active{transform:none}@media (prefers-reduced-motion:reduce){.shine-button:before{background:var(--shine-color);animation:none}}