:root{--button-border-radius:1.5rem;--button-font-weight:700;--button-gap:.375rem;--button-height:3rem;--button-padding:.875rem 1.875rem}.button{border-radius:var(--button-border-radius);color:var(--button-color);cursor:pointer;font:inherit;font-size:var(--font-size-regular);font-weight:var(--button-font-weight);align-items:center;gap:var(--button-gap);height:var(--button-height);letter-spacing:.5px;padding:var(--button-padding);white-space:nowrap;background:0 0;border:none;flex-direction:row;justify-content:center;line-height:1.25;text-decoration:none;transition:all .25s ease-in-out;display:inline-flex}.button:hover{background:hsl(from currentColor h s l / .06);color:var(--button-color-hover)}.button:disabled{cursor:default;opacity:.6;pointer-events:none}.button.small{font-size:var(--font-size-small);height:2.5rem;padding:.625rem 1.375rem}.button.large{font-size:var(--font-size-large-5);height:3.5rem;padding:1rem 2.25rem}.button.primary{--button-color:var(--color-primary-default);--button-color-hover:var(--color-primary-dark);--button-solid-foreground:var(--color-foreground-contrast-strong)}.button.light{--button-color:var(--color-foreground-contrast-strong);--button-color-hover:var(--color-foreground-contrast-subtle);--button-solid-foreground:var(--color-foreground-strong)}.button.neutral{--button-color:var(--color-foreground-default);--button-color-hover:var(--color-foreground-strong);--button-solid-foreground:var(--color-foreground-contrast-strong)}.button.dark{--button-color:var(--color-foreground-strong);--button-color-hover:var(--color-foreground-default);--button-solid-foreground:var(--color-foreground-contrast-strong)}.button.outline{border:2px solid}.button.solid{background:var(--button-color);color:var(--button-solid-foreground)}.button.solid:hover{background:var(--button-color-hover)}.button>i,.button>.icon{vertical-align:middle;font-size:112.5%;line-height:.8}.button>.icon{transition:transform .25s ease-in-out}.button:hover>.icon{transform:translate(.1875rem)}@media (prefers-reduced-motion:reduce){.button>.icon{transition:none}.button:hover>.icon{transform:none}}