Don't forget that Harlowe uses different HTML structures for it's two main types of links:
'' TW-LINK element based links.''
[[Markup based link|Next]]
(link-goto: "Macro based link", "Next")[]
'' TW-HOOK element based links.''
|link>[Hook based link]
(click: ?link)[]
... the tw-hook based link has a HTML structure that looks something like the following:
<tw-expression type="macro" name="link-goto">
<tw-enchantment tabindex="0" class="link enchantment-link">
<tw-link tabindex="0" passage-name="Next" data-raw="">Markup based link</tw-link>
</tw-enchantment>
</tw-expression>
... where as the the tw-hook based link looks something like the following:
<tw-enchantment tabindex="0" class="link enchantment-link">
<tw-hook name="link">Hook based link</tw-hook>
</tw-enchantment>
... so any CSS used to add an effect to a link should really target both generic types of links like so.
tw-link, .enchantment-link {
/* Effect code...*/
}