Description

I've realised recently the style of buttons on a site has changed, and it seems to be the theme style is overridden with the following CSS.

.wp-element-button, .wp-block-button__link {
    background-color: #32373c;
    color: #fff;
    font-size: 1.125em;
    text-decoration: none;
}

This issue can be seen in multiple themes, and it doesn't appear to be a theme-specific issue. The button appears as expected in the editor, but not on the front of the site. If I deactivate the Gutenberg plugin, the theme style comes back.

Step-by-step reproduction instructions

1. Go to the editor and add a button with a Buttons block.
2. See the block on the front of the site.

Screenshots, screen recording, code snippet

Remote Theme

Without plugin	With plugin

Twenty Twenty-two Theme

Without plugin	With plugin

Environment info

WordPress 6.0
Gutenberg trunk
Chrome Mac

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes