Avoid text in buttons breaking in the middle of words

[9ete]

Fixes #1787.

Testing instructions

• Revert "Fixed buttons word break (Fixed buttons word break #1624)"
• fix/1787: add break word mixin to fix button word break issue on download buttons with long text

[9ete]

Fixed via reverting #1624 which applies a word-break: break-all style to all elements with the class .button and then to add the break-all style specifically to the download buttons as specified in the reverted issue.

Test Steps:
Install and activate all the required plugins.
Complete the onboarding setup wizard.
Choose the Storefront theme.
Add Some Products.
Go to Appearance->Customize.
Select WooCommerce->Product catalog option.
Set product per rows value to 6.
Observe that "Add to Cart" button text now does not appear misaligned.

Before:

After:

[Aljullu]

This is working great, thanks for creating this PR with this solution, @hawkeye126!

I updated the PR title so it's a bit more meaningful, and moved the reference to the related issue directly into the PR description, there is usually no need to have it in the title. 🙂

I will also proceed closing #1785 and #1796 because they are now superseded by this one.

[9ete]

Thanks @Aljullu !