export declare let buttonBase: {
    display: "inline-flex";
    justifyContent: "center";
    lineHeight: "1";
    position: "relative";
    textDecoration: "none";
    paddingInline: string;
    paddingBlock: string;
    cursor: "pointer";
    opacity: "1";
    color: `var(--${string})`;
    border: `${string} solid var(--${string})`;
    borderRadius: string;
    background: `var(--${string})`;
    letterSpacing: string;
    fontWeight: "500";
    "@media": {
        "(forced-colors: active)": {
            color: "ButtonText";
            background: "ButtonFace";
        };
    };
    selectors: {
        "&:not([disabled]):hover": {
            background: `var(--${string})`;
            color: `var(--${string})`;
        };
        "&:disabled": {
            cursor: "default";
            opacity: "0.8";
        };
    };
};
export declare let button: string;
export declare let buttonText: string;
export declare let buttonLoading: string;