Prevent the GLA button styles from overriding other styles or being overridden by other styles

[eason9487]

Describe the bug:

1. The GLA button styles might override other styles out of GLA pages.
2. The GLA button styles are overridden by other styles.

Steps to reproduce:

Overrides others

1. Go to Marketing -> Overview
2. Run script via DevTool console:

   {
   	const button = document.createElement('button');
   	button.innerText = 'Howdy!';
   	button.classList.add( 'components-button', 'is-destructive', 'is-link' );
   	document.querySelector('#woocommerce-layout__notice-list').appendChild( button );
   }

3. The styles of just created "Howdy!" button is overridden by GLA styles.
   

Being overridden by others

#1374 (comment)

Crazy, it comes from Automatewoo

Expected behavior:

The the GLA button styles should avoid conflict with other styles

Actual behavior:

Conflicts between the GLA button styles and other styles

[eason9487]

Closing this issue:

1. The GLA button styles might override other styles out of GLA pages.

This extension has been made to not override the button styles on other pages by #1834.

2. The GLA button styles are overridden by other styles.

With the release of AutomateWoo 6.0.6, AutomateWoo no longer overrides the button styles on other pages. In other extensions maintained by the team Automata, there are no known button style conflicts for now.