[bug] <rh-cta> focus style

[marionnegp]

Describe the bug

<rh-cta>'s focus state currently looks like:

• Change it to match this Figma link for improved accessibility:

The focus state then would look like the hover state + a focus ring.

• This will also have to be updated in the docs. The current mockups in the docs don't have enough contrast between the focus ring and adjacent colors.

Which Component?

rh-cta

Steps to reproduce

1. Go to the CTA demo.
2. Tab through the different variants to see focus states.

Expected behaviour

Should look like the focus states mocked up in the CTA docs.

Screenshots

No response

Element HTML

No response

Operating System (OS)

macOS

Browser

No response

More browser information

No response

Additional Info

No response

[marionnegp]

Closed by #1538