No notes defined.
This is a <a href="#">Link</a>.
<br><br>
<a href="#" class="more-link">Learn more <svg role="img" class="more-link__arrow">
<use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use>
</svg></a>
/* No context defined. */
/*------------------------------------*\
Links
\*------------------------------------*/
main a, [role=main] a {
font-weight: 600;
}
.more-link {
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: $color-primary;
font-weight: 500;
font-family: $font-family-display;
}
.more-link__arrow {
width: 24px;
max-height: 24px;
margin-left: 0.5rem;
fill: $color-primary;
}