:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"],input::file-selector-button){appearance:none;align-items:center;background:var(--btn--background, var(--color-gray-100));border:0;box-shadow:var(--btn--shadow, var(--shadow-sm));color:var(--btn--color, var(--color-gray-800));border-radius:99999px;cursor:pointer;display:inline-flex;font-size:var(--btn--font-size, var(--size-base));font-weight:var(--btn--font-weight, var(--weight-bold));gap:var(--btn--gap, var(--space-2));justify-content:center;letter-spacing:var(--btn--tracking, var(--tracking-wide));padding:var(--btn--padding-y, var(--space-2)) var(--btn--padding-x, var(--space-2));text-align:center;text-decoration:none;transform:var(--btn--transform, none);transition:var(--btn--transition, transform .3s ease, box-shadow .3s ease);text-transform:uppercase}.btn svg{width:2.5em;height:2.5em;padding:.75em;aspect-ratio:1;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-left:-.5em}.btn span{padding-right:1em;padding-left:1em}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"],input::file-selector-button):hover{--btn--shadow: var(--shadow-md);--btn--transform: translateY(-1px)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"],input::file-selector-button):active{--btn--shadow: var(--shadow-none);--btn--transform: translateY(1px)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"],input::file-selector-button):focus-visible{--btn--shadow: none;outline:var(--btn--ring-thickness, 2px) solid var(--btn--ring-color, var(--color-primary));outline-offset:var(--btn--ring-offset, 2px)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-icon-position=end]{flex-direction:row-reverse}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=primary]{--btn--background: var(--color-primary);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-primary-contrast);--btn--ring-color: var(--color-primary)}.btn[data-variant=primary] svg{background-color:var(--color-primary-contrast);color:var(--color-primary)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=secondary]{--btn--background: var(--color-secondary);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-secondary-contrast);--btn--ring-color: var(--color-secondary)}.btn[data-variant=secondary] svg{background-color:var(--color-secondary-contrast);color:var(--color-secondary)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=tertiary]{--btn--background: var(--color-tertiary);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-tertiary-contrast);--btn--ring-color: var(--color-tertiary)}.btn[data-variant=tertiary] svg{background-color:var(--color-primary);color:var(--color-primary-contrast)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=highlight]{--btn--background: var(--color-highlight);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-black);--btn--ring-color: var(--color-highlight)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=base]{--btn--background: var(--color-white);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-black);--btn--ring-color: var(--color-gray-700)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=contrast]{--btn--background: var(--color-black);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-white);--btn--ring-color: var(--color-black)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-size=xs]{--btn--font-size: var(--size-xs);--btn--padding-x: var(--space-1);--btn--padding-y: var(--space-1)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-size=sm]{--btn--font-size: var(--size-sm);--btn--padding-x: var(--space-1);--btn--padding-y: var(--space-1)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-size=md]{--btn--font-size: var(--size-sm);--btn--padding-x: var(--space-2);--btn--padding-y: var(--space-2)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-size=lg]{--btn--padding-x: var(--space-3);--btn--padding-y: var(--space-3)}