fix: hero btn onboarding on large text

[Soare-Robert-Daniel]

Summary

• Changed the primary hero button to be more flexible and not break the layout when it contains a large text (generated by the translations).
• Also balanced the design. (centered text and lower line-height, thanks to @mghenciu )

Will affect visual aspect of the product

NO

Screenshots

Test instructions

• In fresh instances with the Romanian Language, install Neve. (Alternatively you can edit the HTML directly in the page to add some extra text )
• Check the onboarding notice.

Note

When testing with TasteWP, make sure do not have Neve installed already when you try to put the new build. TasteWP might server some cached file!

Check before Pull Request is ready:

• I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

Closes #4240

[pirate-bot]

Plugin build for 899aa75 is ready 🛎️!

• Download build

[rodica-andronache]

@Soare-Robert-Daniel I've tried on instawp and on local and this is how it looks for me https://vertis.d.pr/v/r6dPgc
The correct layout is visible just for seconds, when I clear the cache. Is there something I'm missing?

[Soare-Robert-Daniel]

The unexpected behavior was caused by a React component that replaced the PHP-generated content. This component used a button element instead of the original a tag, which our selector overlooked. I've updated the selector to account for both cases,

[rodica-andronache]

@Soare-Robert-Daniel it's working well now 👍

[pirate-bot]

🎉 This PR is included in version 3.8.8 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀