<a class="c-link " href="">
<span class="c-link__text">This is a link</span>
</a>
<a class="c-link c-link--with-icon-before" href="">
<div class="c-icon c-link__icon c-link__icon--before">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M16.1,0l3,3l-9,9l9,9l-3,3L5.6,13.5c-0.4-0.4-0.6-0.9-0.6-1.5c0-0.6,0.2-1.1,0.6-1.5L16.1,0z" />
</svg>
</div>
<span class="c-link__text">This is a link</span>
</a>
<a class="c-link c-link--with-icon-after" href="">
<span class="c-link__text">This is a link</span>
<div class="c-icon c-link__icon c-link__icon--after">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M7.9,24l-3-3l9-9l-9-9l3-3l10.5,10.5c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5L7.9,24z" />
</svg>
</div>
</a>
