Premium Content: Fix logged-out view button alignment

[sixhours]

Changes proposed in this Pull Request

• Set inline block styles on the jetpack Recurring Payments block from within Premium Content styles.
• Add a right margin to the button on both front end and back end.
• I went back and forth on where this change should live, but ended up in Premium Content because it appears to be specific to this block, I can't test the Premium Content block on a Jetpack site, and I don't want to conflict with existing uses of Recurring Payments. 😥
• I tested the styles in a bunch of different themes and did not notice any issues, but it's probably worth taking the block for a spin.

Before

After

Testing instructions

• For local development, you'll need to follow the instructions for Editing Toolkit Development in the FG, but it's much easier if you can test the block with calypso.live
• Add a Premium Content block to your site
• Check out the button styles on the front end and in the editor; they should be side by side rather than one on top of the other

Fixes #45477

[matticbot]

Test live: https://calypso.live/?branch=fix/premium-content-button-alignment

[matticbot]

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

[matticbot]

Caution: This PR affects files in the Editing Toolkit Plugin on WordPress.com
Please ensure your changes work on WordPress.com before merging.

D50575-code has been created so you can easily test it on your sandbox. See this FieldGuide page about developing the Editing Toolkit Plugin for more info: PCYsg-ly5-p2

[blackjackkent]

Looks good to me! Tested and verified in both editor and frontend: