@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:400ms;--anim--hover-ease:cubic-bezier(0.25,1,0.5,1)}.ai-button-wrap{position:relative;z-index:2;border-radius:999vw;background:transparent;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease)}.ai-button-shadow{--shadow-cuttoff-fix:1em;position:absolute;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);filter:blur(clamp(1px,.0625em,6px));-webkit-filter:blur(clamp(1px,.0625em,6px));-moz-filter:blur(clamp(1px,.0625em,6px));-ms-filter:blur(clamp(1px,.0625em,6px));overflow:visible;pointer-events:none}.ai-button-shadow:after{content:"";position:absolute;z-index:0;inset:0;border-radius:999vw;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.1));width:calc(100% - var(--shadow-cuttoff-fix) - .125em);height:calc(100% - var(--shadow-cuttoff-fix) - .125em);top:calc(var(--shadow-cuttoff-fix) - .25em);left:calc(var(--shadow-cuttoff-fix) - .4375em);padding:.0625em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease);overflow:visible;opacity:1}.ai-button{--border-width:clamp(1px,0.03125em,2px);all:unset;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg,rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05));border-radius:999vw;box-shadow:inset 0 .0625em .0625em rgba(0,0,0,.05),inset 0 -.0625em .0625em rgba(255,255,255,.5),0 .125em .0625em -.0625em rgba(0,0,0,.2),inset 0 0 .05em .125em rgba(255,255,255,.2),0 0 0 0 rgba(255,255,255,1);backdrop-filter:blur(clamp(1px,.0625em,2px));-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);width:100%;height:auto;min-height:4rem}.ai-button:hover{transform:scale(.975);backdrop-filter:blur(.005em);-webkit-backdrop-filter:blur(.005em);-moz-backdrop-filter:blur(.005em);-ms-backdrop-filter:blur(.005em);box-shadow:inset 0 .0625em .0625em rgba(0,0,0,.05),inset 0 -.0625em .0625em rgba(255,255,255,.5),0 .075em .025em -.05em rgba(0,0,0,.25),inset 0 0 .025em .05em rgba(255,255,255,.5),0 0 0 0 rgba(255,255,255,1)}.ai-button-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:Inter,sans-serif;letter-spacing:-.025em;font-weight:500;font-size:.75rem;color:rgba(50,50,50,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 .125em .025em rgba(0,0,0,.1);transition:all var(--anim--hover-time) var(--anim--hover-ease);padding:.75rem .5rem}.ai-button:hover .ai-button-content{text-shadow:.0125em .0125em .0125em rgba(0,0,0,.12)}.ai-button-content:after{content:"";display:block;position:absolute;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;border-radius:999vw;overflow:clip;background:linear-gradient(var(--angle-2),rgba(255,255,255,0) 0,rgba(255,255,255,.5) 40% 50%,rgba(255,255,255,0) 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0 50%;background-repeat:no-repeat;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)}.ai-button:hover .ai-button-content:after{background-position:25% 50%}.ai-button:active .ai-button-content:after{background-position:50% 15%;--angle-2:-15deg}@media (hover:none) and (pointer:coarse){.ai-button-content:after,.ai-button:active .ai-button-content:after{--angle-2:-45deg}}.ai-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:999vw;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);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.5));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;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) rgba(255,255,255,.5)}.ai-button:hover:after{--angle-1:-125deg}.ai-button:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){.ai-button:active:after,.ai-button:after,.ai-button:hover:after{--angle-1:-75deg}}.ai-button-wrap:has(.ai-button:hover) .ai-button-shadow{filter:blur(clamp(1px,.03125em,3px));-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 rgba(0,0,0,.05),inset 0 -.0625em .0625em rgba(255,255,255,.5),0 .0625em .0625em -.0625em rgba(0,0,0,.2),inset 0 0 .05em .125em rgba(255,255,255,.2),0 .1125em .025em 0 rgba(0,0,0,.05),0 .125em 0 0 rgba(255,255,255,.75),inset 0 .125em .025em 0 rgba(0,0,0,.15)}.ai-button-wrap:has(.ai-button:active) .ai-button-shadow{filter:blur(clamp(1px,.0625em,6px));-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 rgba(0,0,0,.12)}