Product carousel styling updates

[emma-imber]

What does this change?

• Updates hover behaviour for read more links
• Updates the colours of the card borders and card counter to match designs
• Adjusts the padding on the header to better align card counter
• Makes sure the card edge aligns with the right side of the viewport on mobile devices

Why?

There have been some minor design changes and some feedback to address from QA.

Screenshots

Change	Before	After
Read more formatting on hover
Dark mode card border and card counter colour, right card edge

[github-actions]

Deploy build 24105 of dotcom:rendering-all to CODE

All deployment options

• Deploy build 24105 of dotcom:rendering-all to CODE
• Deploy parts of build 24105 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[github-actions]

Deploy build 535 of dotcom:ab-testing to CODE

All deployment options

• Deploy build 535 of dotcom:ab-testing to CODE
• Deploy parts of build 535 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[github-actions]

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.