export declare const FtButtonCssVariables: {
    backgroundColor: import("@fluid-topics/design-system-variables").FtCssVariable;
    borderRadius: import("@fluid-topics/design-system-variables").FtCssVariable;
    color: import("@fluid-topics/design-system-variables").FtCssVariable;
    fontSize: import("@fluid-topics/design-system-variables").FtCssVariable;
    iconSize: import("@fluid-topics/design-system-variables").FtCssVariable;
    rippleColor: import("@fluid-topics/design-system-variables").FtCssVariable;
    verticalPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
    horizontalPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
    iconPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
    opacityDisabled: import("@fluid-topics/design-system-variables").FtCssVariable;
};
export declare const FtButtonPrimaryCssVariables: {
    backgroundColor: import("@fluid-topics/design-system-variables").FtCssVariable;
    color: import("@fluid-topics/design-system-variables").FtCssVariable;
    rippleColor: import("@fluid-topics/design-system-variables").FtCssVariable;
};
export declare const FtButtonDenseCssVariables: {
    borderRadius: import("@fluid-topics/design-system-variables").FtCssVariable;
    verticalPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
    horizontalPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
    iconPadding: import("@fluid-topics/design-system-variables").FtCssVariable;
};
export declare const buttonStyles: import("lit").CSSResult;