Twenty Sixteen: Gutenberg Button block do not overwrite theme style

[thetwentyseven2727]

CSS style from: wp-block-library-theme | wp-includes/css/dist/block-library/theme.min.css

.entry-content .wp-block-button__link {
    background: #1a1a1a;
    color: #fff;
}

CSS style from: twentysixteen-block-style | wp-content/themes/twentysixteen/css/blocks.css

:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    ~~background: linear-gradient(135deg,#0693e3,#9b51e0);~~
}

Example:

[thetwentyseven2727]

Before

[thetwentyseven2727]

After

[sabernhardt]

Welcome and thanks for the report!

Yes, .entry-content .wp-block-button__link overrides the gradient backgrounds from the editor stylesheet (when the block is in the post content).

r44200 switched the background and text color styles from .wp-block-button .wp-block-button__link to .entry-content .wp-block-button__link within blocks.css.

I think reducing that selector to .wp-block-button__link might be better.

[sabernhardt]

This was done on #55167 / [52926].