[fix] Default CTA :focus inherits dotted border and it doesn't look good

[markcaron]

Description of the issue

The default CTA :focus inherits dotted border and it doesn't look good.

The dotted border is inherited from .pfe-navigation__dropdown a:focus.

Impacted component(s)

• CTA

Steps to reproduce

1. Go to Red Hat's Catalog
2. Click on 'Software' in the main nav
3. Tab down to the default CTA, 'Manage container registry service accounts'
4. See inherited dotted border

Note: this brings up a second issue with the CSS box background on focus. When the link text is very long (and wraps), the background does not stretch in behind the arrow (it should). When the text is shorter (no wrapping), the background stretches properly (see screenshots).

Expected behavior

• The focus state of the default CTA is to only have a background color.

Screenshots