Free Trials: Promote "No credit card required" on /plans and signup plans page

[mikeshelton1503]

One of the anticipated advantages of offering free trials without a credit card upfront is an increase in sign-ups because of the lack of a barrier. We should highlight this fact in a more visible way.

Currently we only mention it in small text below the button:

[breezyskies]

A couple concepts for this:

Plans Page	NUX Plans Step

[mikeshelton1503]

👍 These look great @breezyskies

Later on I think there could some interesting testing done here playing with the emphasis on the "no credit required"

[breezyskies]

Later on I think there could some interesting testing done here playing with the emphasis on the "no credit required"

Another option would be to make the button CTA "Start 14 Day Free Trial" and focus on the "no credit card required" in the header copy.

[ghost]

@breezyskies I could use some guidance/styling help for the plans text...got a rough start with #1854 , but the CSS isn't quite right yet (mostly the :before :after: border crosses through the text and need to find a good way to have it stop behind the text).

[breezyskies]

@spncrb There's a good example of the CSS for this on /discover in the reader (not sure if we should componentize this, as I think this is the only other place we use it):

I believe it uses a bottom border on the parent div instead of :before / :after (although either would work). Let me know when and I can take a look at the updated PR.