Styles of Search block button are breaking.

[snehapatil2001]

Description

Related issue: #66852

I found some more errors related to the above issue on the mobile screen, as shown in the video below.

Bugs:

• View the editor side, the text is overlapping in the mobile screen.
• View the frontend side, the text is not centered.

Step-by-step reproduction instructions

1. Type / to choose a block
2. Select search block
3. Change its button position using "Change Button position" setting to "Button only"
4. Change block button width from "Setting" to 25%
5. Save the changes and publish the page.
6. View the editor side in mobile screen size, the text is overlapping.
7. View the frontend side in mobile screen size, the text is not centered.

Screenshots, screen recording, code snippet

search-block.mov

Environment info

WordPress version: 6.8-alpha-59366
Theme: Twenty Twenty-Five Version: 1.0
Device:** MacBook Air M2
Gutenberg plugin: Version 19.6.0

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[gziolo]

Fixed with #66868.