export declare const button = "\n  group\n  font-normal rounded inline-flex items-center justify-center cursor-pointer\n  bg-transparent border-0 box-border h-10 py-0 px-3\n  text-ll-font-size-p\n\n  disabled:cursor-default\n\n  data-[size=small]:h-8\n  data-[size=small]:px-2\n  data-[size=small]:text-ll-font-size-caption-1\n\n  data-[size=large]:h-12\n  data-[size=large]:px-4\n\n  data-[variant=contained]:bg-ll-primary\n  data-[variant=contained]:text-ll-on-primary\n  data-[variant=contained]:border\n  data-[variant=contained]:border-solid\n  data-[variant=contained]:border-transparent\n  data-[variant=contained]:hover:bg-ll-primary-variant1\n  data-[variant=contained]:disabled:bg-ll-disabled\n  \n\n  data-[variant=outlined]:bg-ll-background\n  data-[variant=outlined]:text-ll-primary\n  data-[variant=outlined]:border\n  data-[variant=outlined]:border-solid\n  data-[variant=outlined]:border-ll-primary\n  data-[variant=outlined]:hover:bg-ll-surface-variant1\n  data-[variant=outlined]:disabled:bg-ll-disabled\n  data-[variant=outlined]:disabled:text-ll-on-primary\n  data-[variant=outlined]:disabled:border-ll-on-background\n\n  data-[variant=text]:text-ll-on-background\n";
export declare const iconContainer = "\n  flex items-center mr-2 ml-1\n  [&>svg]:fill-current [&>svg]:h-5 [&>svg]:w-5\n\n  group-data-[size=small]:[&>svg]:h-3\n  group-data-[size=small]:[&>svg]:w-3\n\n  group-data-[size=large]:[&>svg]:h-6\n  group-data-[size=large]:[&>svg]:w-6\n";
//# sourceMappingURL=styles.d.ts.map