Twenty Seventeen: Button font size issue

[nidhidhandhukiya]

Steps to reproduce :-
Activate Twenty seventeen theme.
Take a button block.
Align button to any left, center or right.
Then add font size it should not reflect on button on the editor side it should work properly on the user side.
If you make button alignment to none then this issue will not happen.

I have attached video for better understanding.
Video url :- ​https://share.cleanshot.com/EYSVGInVT3RSVFgMxCMx

[nidhidhandhukiya]

after applying this solution the issue is resolved.

[sabernhardt]

extra div in editor in WordPress 6.0

[sabernhardt]

font-size is inherited in WordPress 6.2

[sabernhardt]

Thanks for the report!

In WordPress 6.0, the editor had inserted an extra .wp-block div in between .wp-block-buttons and .wp-block-button, so the inheriting did not work with alignment options.

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
  font-size:inherit;
}

With WordPress 6.2, the alignment options are not the same, but I was not able to get the extra div with any alignment option.

This works for me without editing the theme.