: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;transform:var(--btn--transform, none);transition:var(--btn--transition, transform .3s ease, box-shadow .3s ease)}: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);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=primary]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(58 112 48 / .5);--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=primary]:active{--tw-shadow-color: rgb(58 112 48 / .5);--tw-shadow: var(--tw-shadow-colored)}: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);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=secondary]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(24 22 23 / .5);--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=secondary]:active{--tw-shadow-color: rgb(24 22 23 / .5);--tw-shadow: var(--tw-shadow-colored)}: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)}: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);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=highlight]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(116 185 95 / .5);--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=highlight]:active{--tw-shadow-color: rgb(116 185 95 / .5);--tw-shadow: var(--tw-shadow-colored)}: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);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=base]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(255 255 255 / .5);--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=base]:active{--tw-shadow-color: rgb(255 255 255 / .5);--tw-shadow: var(--tw-shadow-colored)}: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);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: transparent;--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=contrast]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored)}:is(.btn,.btn[type="reset"],.btn[type="submit"],.btn[type="button"])[data-variant=contrast]:active{--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored)}: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)}