Popover

<div class="ecl-popover" data-ecl-auto-init="Popover"><button class="ecl-button ecl-button--ghost ecl-popover__toggle"
    type="button" aria-controls="popover-example" data-ecl-popover-toggle aria-expanded="false"><span
      class="ecl-button__container"><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
        aria-hidden="true" data-ecl-icon>
        <use xlink:href="/dist/media/icons.e3d8f25c.svg#share"></use>
      </svg><span class="ecl-button__label" data-ecl-label="true">Popover</span></span></button>
  <div id="popover-example" class="ecl-popover__container" hidden>
    <div class="ecl-popover__scrollable"><button
        class="ecl-button ecl-button--tertiary ecl-popover__close ecl-button--icon-only" type="button"
        data-ecl-popover-close><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Close</span><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
            aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
          </svg></span></button>
      <div class="ecl-popover__content">Nulla est ad excepteur sint officia fugiat aute commodo ullamco amet culpa
        eiusmod labore.
        Esse nostrud aliqua pariatur pariatur officia non laboris cillum velit dolore in sit laboris fugiat.</div>
    </div>
  </div>
</div>