Ixion: Colors in Links & Buttons does not apply on Buttons blocks

Quick summary

"Links & Buttons" under "Customize > Colors & Backgrounds" does not apply to button blocks.

Users are required to manually adjust individual button block background colors.

[ ] 5365968-zd-woothemes

Steps to reproduce

Insert button blocks on any pages, posts on site
Visit "Customize > Colors & Backgrounds" and change "Links & Buttons" color
Save changes on Customizer and revisit button blocks

What you expected to happen

Button blocks respect respects background colors assigned in "Links & Buttons"

What actually happened

Button blocks remain the same, default background color as default Ixion theme.

Context

The current default button background CSS is obtaining from https:///wp-content/themes/ixion/blocks.css?ver=6.0.1 , CSS line 357-361 as below:

.wp-block-button__link,
.wp-block-button__link:visited {
    background: #d7b221;
    color: #fff;
}

Comparing to the CTA button in Ixion theme demo P7Yxw5-7B-p2 ,changing colors in "Links & Buttons" work as it is applying .button CSS there.

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

Ixion

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

Yes, easy to implement

Workaround details

Manually edit each button block background colors.

Or, provide CSS on button blocks to override default background color, based on user needs.

/* transparent background, black text on button blocks | 5365968-zen EH */
.wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link:visited, .entry-content .wp-block-button .wp-block-button__link:hover {
    background: transparent;
    border-color: currentColor;
    color: Automattic/wp-calypso#10101;
    border: 2px solid;
}

Automattic / themes