Links

<p class="ecl-u-type-paragraph">The European Commission is the executive of <a href="/example#123123"
    class="ecl-link">The European Union</a> and promotes its general interest.</p>

<a href="/example" class="ecl-link ecl-link--standalone">Standalone link</a>

<div>
  <p class="ecl-u-type-paragraph">The European Commission is the executive of <a href="/example#235231"
      class="ecl-link ecl-link--default ecl-link--icon"><span class="ecl-link__label">The European Union</span><svg
        class="ecl-icon ecl-icon--2xs ecl-link__icon" focusable="false" aria-hidden="false" role="img">
        <title>Links to an external domain</title>
        <use xlink:href="/dist/media/icons.e3d8f25c.svg#external"></use>
      </svg></a> and promotes its general interest.</p>
</div>

<a href="/example" class="ecl-link ecl-link--cta">Call to action link</a>

<a href="/example" class="ecl-link ecl-link--primary">Primary link</a>

<a href="/example" class="ecl-link ecl-link--secondary">Secondary link</a>

<p class="ecl-u-type-paragraph ecl-u-bg-dark ecl-u-type-color-white">The European Commission is the executive of <a
    href="/example#345252" class="ecl-link ecl-link--inverted">The European Union</a>
  and promotes its general interest. </p>