Inconsistency Between WordPress Default Buttons and Theme's Styled Buttons

[alexdeborba]

Description:

There is a noticeable size difference between the default buttons provided by WordPress and the custom-styled buttons in the theme, especially those with animations. This discrepancy introduces design inconsistencies across the theme, potentially affecting the overall aesthetic and user experience. For a cohesive and consistent design, it is essential that all buttons, irrespective of their state or animation, match in size.

Step-by-step Reproduction Instructions:

1. Navigate to a page or post in the theme that uses both WordPress default buttons and the theme's custom-styled buttons.
2. Compare the sizes of the two button types, noting the size difference.
3. If possible, interact with animated buttons to observe if animations exacerbate the size discrepancy.

Screenshots:

Block Pattern

WordPress

Expected Behavior:

All buttons, whether they are default WordPress buttons or custom-styled buttons within the theme, should have consistent sizes to ensure a uniform design throughout the theme.

Suggested Solution:

Adjust the styling for the theme's buttons to match the size of WordPress's default buttons. If the theme's design intent is for smaller or larger buttons, then the WordPress default button styles should be overridden to match the theme's desired button size, ensuring design consistency.