Complex link
Usage notes
A micro-pattern for links that need a certain part of it to not have the underline applied to it. Commonly used if there's icons in the link.
<a href="#" class="link-complex">
<span class="link-complex__target">Some text with an icon</span>
<span class="icon icon-phone" role="presentation"></span>
</a>
Developer Notes
Apply link-complex__target to the part that you want underlined