:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"]){appearance:none;align-items:center;background:var(--btn--background, var(--color-gray-100));border-radius:var(--btn--border-radius, var(--radius-xs));border:var(--btn--border-thickness, 1px) solid var(--btn--border-color, transparent);box-shadow:var(--btn--shadow, var(--shadow-sm));color:var(--btn--color, var(--color-gray-800));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-6));text-align:center;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"]):hover{--btn--shadow: var(--shadow-md);--btn--transform: translateY(-1px)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"]):active{--btn--shadow: var(--shadow-none);--btn--transform: translateY(1px)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="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-white);--btn--ring-color: var(--color-primary)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=primary]:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}: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-black);--btn--ring-color: var(--color-secondary)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=secondary]:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=tertiary]{--btn--background: var(--color-gray-500);--btn--border-color: rgba(0, 0, 0, .2);--btn--color: var(--color-tertiary-contrast);--btn--ring-color: var(--color-tertiary)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=tertiary]:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}: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=highlight]:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}: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=base]:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}: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-variant=contrast]:hover{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 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-4);--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-6);--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-8);--btn--padding-y: var(--space-3)}