For some of the hyperlinks on hiver, the decoration will be changed like the cursor and the color. For the Fueld HubSpot project some menu items are not having a link. By default I choose # to make sure no link will be loaded but I have been asked to disable this styling. But because there were other elements in the row which should have the URL behind them, I came up with the idea as below:
I defined a <div> and put everything that should not be styled on hover in it. Then I defined a styling for the div as below
<div class="no-link;" style="cursor: default; color: #001029;"><span style="color: #ff553c;"><strong><img src="https://content.fueld.nl/hubfs/a-1.svg" width="45" height="42" loading="lazy" alt="a-1" style="width: 45px; height: auto; max-width: 100%; margin-left: auto; margin-right: auto; display: block;"> </strong></span><br>
<p><span style="color: #ff553c;"><strong>Strategie</strong></span></p>
<hr>
<p>Samen bepalen hoe jouw organisatie online gaat groeien, welke doelen daarbij horen en hoe we de juiste doelgroep gaan inspireren.</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<a href="http://fueld-7214937.hs-sites.com/it-marketing" class="button button--arrow" rel="noopener">IT-MARKETING UITBESTEDEN?</a>