Button blends into the background. Need to change location or color of button

[Scheiderichv094]

We were able to successfully deploy the SSO feature and button within SharePoint but it almost blends into the background. Is there a way to move the button and/or change the color of it?

[adilei]

Here is the code in ChatBot.tsx that determines the location of the button:

export default class Chatbot extends React.Component<IChatbotProps> {
    constructor(props: IChatbotProps) {
        super(props);
    }
    public render(): JSX.Element {
        return (
            <div style={{ display: "flex", flexDirection: "column", alignItems: "center", paddingBottom: "1rem" }}>
                <PVAChatbotDialog
                {...this.props}/>
            </div>
        );
    }
}  

The button's color can be changed using styles, e.g. https://stackoverflow.com/questions/64283764/how-to-create-a-danger-button-in-fluentui-office-ui-fabric