.button:where(.astro-5eunqzkt){--_border-width: 2px;position:relative;padding:calc(var(--space-3xs) - var(--_border-width)) calc(var(--space-s) - var(--_border-width));display:inline-flex;align-items:center;line-height:1.75;gap:var(--space-2xs);border-radius:var(--space-3xs);border:var(--_border-width) solid var(--_fg);color:var(--_fg);background:var(--_bg);-webkit-text-decoration:none;text-decoration:none;transition:.25s cubic-bezier(.5,0,.5,1);transition-property:background-color,border-color,color}.button:where(.astro-5eunqzkt):before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--space-3xs) var(--space-3xs) var(--space-2xs) calc(var(--space-3xs) / 2) color-mix(in oklab,var(--color-black) 25%,transparent);opacity:0;z-index:-1;transition:inherit;transition-property:opacity}.button:where(.astro-5eunqzkt) svg{width:1lh;height:1lh;color:var(--_fg);transition:inherit}.button:where(.astro-5eunqzkt):hover,.button:where(.astro-5eunqzkt):focus-visible{background:var(--_hover-bg);color:var(--_hover-fg)}.button:where(.astro-5eunqzkt):hover svg{color:var(--_hover-fg)!important}.button:where(.astro-5eunqzkt):focus-visible svg{color:var(--_hover-fg)!important}.button:where(.astro-5eunqzkt):hover:not(:active):before{opacity:1}.button:where(.astro-5eunqzkt):focus-visible:not(:active):before{opacity:1}.button-variant-outline:where(.astro-5eunqzkt){border:var(--_border-width) solid var(--_fg);--_bg: transparent;--_hover-bg: var(--_fg)}.button-variant-outline:where(.astro-5eunqzkt).button-color-red{--_fg: var(--color-red);--_hover-fg: var(--color-white)}.button-variant-outline:where(.astro-5eunqzkt).button-color-blue{--_fg: var(--color-blue);--_hover-fg: var(--color-white)}.button-variant-outline:where(.astro-5eunqzkt).button-color-green{--_fg: var(--color-green);--_hover-fg: var(--color-white)}.button-variant-outline:where(.astro-5eunqzkt).button-color-purple{--_fg: var(--color-purple);--_hover-fg: var(--color-white)}.button-variant-outline:where(.astro-5eunqzkt).button-color-black{--_fg: var(--color-black);--_hover-fg: var(--color-white)}.button-variant-outline:where(.astro-5eunqzkt).button-inverted.button-color-red{--_fg: var(--color-white);--_hover-fg: var(--color-red)}.button-variant-outline:where(.astro-5eunqzkt).button-inverted.button-color-blue{--_fg: var(--color-white);--_hover-fg: var(--color-blue)}.button-variant-outline:where(.astro-5eunqzkt).button-inverted.button-color-green{--_fg: var(--color-white);--_hover-fg: var(--color-green)}.button-variant-outline:where(.astro-5eunqzkt).button-inverted.button-color-purple{--_fg: var(--color-white);--_hover-fg: var(--color-purple)}.button-variant-outline:where(.astro-5eunqzkt).button-inverted.button-color-black{--_fg: var(--color-white);--_hover-fg: var(--color-black)}.button-variant-filled:where(.astro-5eunqzkt){--_fg: var(--color-white);--_hover-fg: var(--_fg);border:var(--_border-width) solid var(--_bg)}.button-variant-filled:where(.astro-5eunqzkt):hover,.button-variant-filled:where(.astro-5eunqzkt):focus-visible{border-color:var(--_hover-bg)}.button-variant-filled:where(.astro-5eunqzkt).button-color-red{--_bg: var(--color-red);--_hover-bg: var(--color-purple)}.button-variant-filled:where(.astro-5eunqzkt).button-color-blue{--_bg: var(--color-blue);--_hover-bg: var(--color-purple)}.button-variant-filled:where(.astro-5eunqzkt).button-color-green{--_bg: var(--color-green);--_hover-bg: var(--color-blue)}.button-variant-filled:where(.astro-5eunqzkt).button-color-purple{--_bg: var(--color-purple);--_hover-bg: var(--color-blue)}.button-variant-filled:where(.astro-5eunqzkt).button-color-black{--_bg: var(--color-black);--_hover-bg: var(--color-red)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted{--_bg: var(--color-white);--_hover-bg: var(--_fg);--_hover-fg: var(--_bg)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted.button-color-red{--_fg: var(--color-red)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted.button-color-blue{--_fg: var(--color-blue)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted.button-color-green{--_fg: var(--color-green)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted.button-color-purple{--_fg: var(--color-purple)}.button-variant-filled:where(.astro-5eunqzkt).button-inverted.button-color-black{--_fg: var(--color-black)}