Twenty Twenty uses overly specific selector for button background

[flixos90]

Twenty Twenty uses a button:not(.toggle) selector to set the Customizer-chosen background-color for buttons in general. This can cause problems with plugins that include their own buttons in the frontend and have specific classes for them (e.g. cookie banner plugins), because the :not(.toggle) part makes the selector too specific, overriding any class-selectors applying to buttons, even if provided as button.{className}.

Since Twenty Twenty already includes a button.toggle rule that sets background: none, there really is no need for the button:not(.toggle) selector usage anyway. Since it introduces the above specificity problems, it would be better to simplify this selector to just button.

[flixos90]

50271.diff​ resolves the issue by changing button:not(.toggle) to button.

[ianbelanger]

In 47933:

Bundled Themes: Twenty Twenty uses overly specific selector for button background.

Fixes the issue by removing :not(.toogle) from the button selector, as it is not needed.

Props flixos90.
Fixes #50271.

[ianbelanger]

Reopening for backport.

[desrosj]

With 5.5 just under 5 weeks away, there is no 5.4.3 planned. Moving back to the 5.5 milestone.