There is a div and a link. The custom class gets applied to the div.

In trying to have a border with radius and then invert on hover with transparent background I get this weird.

This is a second custom button so I’m overriding the overrides here.

The !important value is necessary?! Haven’t seen that in a while.

I achieved the desired effect but then noticed if you hovered on the div border the link text wouldn’t change so there was this weird behavior.

I’m sure it’s a simple fix. Need to revisit with fresh eyes.

Check this article out here for how they are targeting.