[Bug]: Resolve sticky hover state on components

[chromaticWaster]

Components Version

0.7.0

Which package type are you using?

Unbundled

What type of bug is this?

Rendering Error

Test Case/Reproduction

No response

Description

Issue picked up on the Button component while being tested on a mobile device.

This fix needs to be applied on all components that implement a hover state.

See the example below for a suggested solution

@media (hover: hover) {
.layout:hover > .border {
border-color: same as the original implementation
}
}

Code of Conduct

• I agree to follow this project's Code of Conduct
• I have searched for existing issues and to the best of my knowledge this is not a duplicate