@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}:root{--global--size:clamp(1rem,2vw,2.5rem);--anim--hover-time:.4s;--anim--hover-ease:cubic-bezier(.25,1,.5,1)}.ai-button-wrap{z-index:2;pointer-events:none;transition:all var(--anim--hover-time)var(--anim--hover-ease);background:0 0;border-radius:999vw;position:relative}.ai-button-shadow{--shadow-cuttoff-fix:1em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix)/2);left:calc(0% - var(--shadow-cuttoff-fix)/2);-webkit-filter:blur(clamp(1px,.0625em,6px));-moz-filter:blur(clamp(1px,.0625em,6px));-ms-filter:blur(clamp(1px,.0625em,6px));pointer-events:none;position:absolute;overflow:visible}.ai-button-shadow:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .125em);height:calc(100% - var(--shadow-cuttoff-fix) - .125em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .25em);left:calc(var(--shadow-cuttoff-fix) - .4375em);box-sizing:border-box;transition:all var(--anim--hover-time)var(--anim--hover-ease);opacity:1;background:linear-gradient(#0003,#0000001a);border-radius:999vw;padding:.0625em;position:absolute;overflow:visible;-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}.ai-button{--border-width:clamp(1px,.03125em,2px);all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;pointer-events:auto;z-index:3;-webkit-backdrop-filter:blur(clamp(1px,.0625em,2px));-moz-backdrop-filter:blur(clamp(1px,.0625em,2px));-ms-backdrop-filter:blur(clamp(1px,.0625em,2px));transition:all var(--anim--hover-time)var(--anim--hover-ease);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;width:100%;height:auto;min-height:4rem;position:relative;box-shadow:inset 0 .0625em .0625em #0000000d,inset 0 -.0625em .0625em #ffffff80,0 .125em .0625em -.0625em #0003,inset 0 0 .05em .125em #fff3,0 0 #fff}.ai-button:hover{-webkit-backdrop-filter:blur(.005em);-moz-backdrop-filter:blur(.005em);-ms-backdrop-filter:blur(.005em);transform:scale(.975);box-shadow:inset 0 .0625em .0625em #0000000d,inset 0 -.0625em .0625em #ffffff80,0 .075em .025em -.05em #00000040,inset 0 0 .025em .05em #ffffff80,0 0 #fff}.ai-button-content{-webkit-user-select:none;user-select:none;letter-spacing:-.025em;color:#323232;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 .125em .025em #0000001a;transition:all var(--anim--hover-time)var(--anim--hover-ease);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .5rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;display:flex;position:relative}.ai-button:hover .ai-button-content{text-shadow:.0125em .0125em .0125em #0000001f}.ai-button-content:after{content:"";width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width)/2);left:calc(0% + var(--border-width)/2);box-sizing:border-box;background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff80 40% 50%,#fff0 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--anim--hover-time)*1.25)var(--anim--hover-ease),--angle-2 calc(var(--anim--hover-time)*1.25)var(--anim--hover-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;display:block;position:absolute;overflow:clip}.ai-button:hover .ai-button-content:after{background-position:25%}.ai-button:active .ai-button-content:after{--angle-2:-15deg;background-position:50% 15%}@media (hover:none) and (pointer:coarse){.ai-button-content:after,.ai-button:active .ai-button-content:after{--angle-2:-45deg}}.ai-button:after{content:"";z-index:1;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));inset:0;top:calc(0% - var(--border-width)/2);left:calc(0% - var(--border-width)/2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1)at 50% 50%,#00000080,#0000 5% 40%,#00000080 50%,#0000 60% 95%,#00000080),linear-gradient(180deg,#ffffff80,#ffffff80);transition:all var(--anim--hover-time)var(--anim--hover-ease),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width)/2)#ffffff80;border-radius:999vw;position:absolute;-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}.ai-button:hover:after{--angle-1:-125deg}.ai-button:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){.ai-button:after,.ai-button:hover:after,.ai-button:active:after{--angle-1:-75deg}}.ai-button-wrap:has(.ai-button:hover) .ai-button-shadow{-webkit-filter:blur(clamp(1px,.03125em,3px));-moz-filter:blur(clamp(1px,.03125em,3px));-ms-filter:blur(clamp(1px,.03125em,3px));transition:filter var(--anim--hover-time)var(--anim--hover-ease)}.ai-button-wrap:has(.ai-button:hover) .ai-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .4375em);opacity:1}.ai-button-wrap:has(.ai-button:active){transform:rotateX(15deg)}.ai-button-wrap:has(.ai-button:active) .ai-button{box-shadow:inset 0 .0625em .0625em #0000000d,inset 0 -.0625em .0625em #ffffff80,0 .0625em .0625em -.0625em #0003,inset 0 0 .05em .125em #fff3,0 .1125em .025em #0000000d,0 .125em #ffffffbf,inset 0 .125em .025em #00000026}.ai-button-wrap:has(.ai-button:active) .ai-button-shadow{-webkit-filter:blur(clamp(1px,.0625em,6px));-moz-filter:blur(clamp(1px,.0625em,6px));-ms-filter:blur(clamp(1px,.0625em,6px))}.ai-button-wrap:has(.ai-button:active) .ai-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .25em);opacity:.75}.ai-button-wrap:has(.ai-button:active) .ai-button-content{text-shadow:.0125em .125em .025em #0000001f}