{namespace neos=Neos\Neos\ViewHelpers}

<div class="c-popup {popupPosition} {popupBackgroundColor}" data-popup data-state="inactive">
    <button class="c-popup__close" data-popup-close>
        <svg class="c-icon"
            aria-labelledby="popup-close-button-title"
            role="img">

            <title id="popup-close-button-title">Close</title>
            <use xlink:href="#icon-times"/>
        </svg>
    </button>

    <h3 class="c-popup__title">{popupTitle}</h3>

    <p class="c-popup__text">{popupText}</p>

    <a class="c-button" href="{popupLink}" title="{popupLinkTitle}" {f:if(condition: openLinkInNewWindow, then: 'target="_blank"')}>
        {popupLinkTitle}
    </a>
</div>