Update the underline style of links on hover

[larryease]

Done

Updates the style of link hover

Fixes #4600

QA

• Open demo
• Hover over links and see if the updated style is as expected

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.
• Documentation side navigation should be updated with the relevant labels.

Screenshots

[if relevant, include a screenshot or screen capture]

[webteam-app]

Demo: https://vanilla-framework-4603.demos.haus

[bartaz]

Thanks for your contribution @larryease, there is a small issue with it, that the text-decoration-thickness set on line 15 is overridden on hover in line 22.

For this to work as expected, your 2 lines should be added to hover styles (after line 22) instead of line 15.
This should fix the issue of the thickness not being applied.

Thanks!

[bartaz]

@larryease I removed unnecessary line and all looks good now.

Thank you for your contribution!