Links

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

<a href="/example" class="ecl-link ecl-link--standalone" aria-label="Read more about the Standalone link">Standalone
  link</a>

<p class="ecl-u-type-paragraph">The European Commission is the executive of <a href="/example"
    class="ecl-link ecl-link--default ecl-link--icon ecl-link--icon-after"
    aria-label="Read more about the European Union"><span class="ecl-link__label">The European Union</span><svg
      class="ecl-icon ecl-icon--fluid ecl-link__icon" focusable="false" aria-hidden="true">
      <use xlink:href="/dist/media/icons.3278a5c4.svg#external"></use>
    </svg></a> and promotes its general interest.</p>

<a href="/example" class="ecl-link ecl-link--cta" aria-label="Read more about the CTA link component">Call to action
  link</a>

<a href="/example" class="ecl-link ecl-link--primary" aria-label="Read more about the primary link component">Primary
  link</a>

<a href="/example" class="ecl-link ecl-link--secondary"
  aria-label="Read more about the secondary link component">Secondary link</a>

<p class="ecl-u-type-paragraph ecl-u-bg-blue-100 ecl-u-type-color-white-100">The European Commission is the executive of
  <a href="/example" class="ecl-link ecl-link--negative" aria-label="Read more about the European Union">The European
    Union</a> and promotes its general interest.</p>