Style for CTA section

[asthabh23]

Fix #41

Test URLs:

• Before: https://main--delta--hxsites.hlx.page/us/en/skymiles/how-to-earn-miles/overview
• After: https://issue-41--delta--hlxsites.hlx.page/us/en/skymiles/how-to-earn-miles/overview

Note: This PR also has a fix for buttons "DISCOVER ALL CARDS" and "Benefits Terms"

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/us/en/skymiles/how-to-earn-miles/overview

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/us/en/skymiles/how-to-earn-miles/overview

[ramboz]

It seems my work on the references have leaked into that button as I see a small tag being added. I'll have a look today and try to fix that.

I added also support for CTA buttons by making them bold in the document. So we essentially have 3 button variants:

• regular => .button
• bold => .button.cta
• italic => .button.secondary

There is also an existing "eyebrow" decoration that @davidnuescheler set up on that particular section. So you can leverage that class to simplify your selectors.

All in all, with the combination of cta button styles and the eyebrow class, we should be able to bring this down to mostly just padding/margin adjustments, I think

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/us/en/skymiles/how-to-earn-miles/overview

[asthabh23]

@ramboz , I saw the main branch for this site, and seems the buttons are already in place based on your changes. Shall I close this PR?

[ramboz]

@asthabh23 I styled the buttons alone, but haven't looked at the spacing/margin for the cta section (that david decorated with the eyebrow class already). There might be some adjustments needed.

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/us/en/skymiles/how-to-earn-miles/overview

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/us/en/skymiles/how-to-earn-miles/overview

[ramboz]

@asthabh23 I took the liberty to update this PR during your sick leave with the changes I had already committed for the buttons, and also fixed the eyebrow decoration from David. Happy to discuss and revisit this once you are back