{namespace neos=Neos\Neos\ViewHelpers}
<div data-link-popup-{item.node.identifier} class="c-link-popup">
    <div class="c-link-popup__text-wrapper">
        <button class="c-link-popup__close"
            data-link-popup-close
            data-target-enhancement
            data-target-enhancement-targets.0="[data-link-popup-{item.node.identifier}]"
            data-target-enhancement-plugins.0.name="toggle-aria-expanded"
            data-target-enhancement-exclusive-group="link-popup">
            <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>
        <p class="c-link-popup__text">
            {f:translate(id: 'word.leaveWebsite', package: 'Newland.CityTheme', source: 'Main')}
        </p>

        <neos:link.node node="{item.node}" class="c-link-popup__button c-button {buttonType}" target="{f:if(condition: item.node.properties.openInNewTab, then: '_blank')}" title="{f:if(condition: item.node.properties.title, then: '{item.node.properties.title}')}">
            {f:translate(id: 'word.followLink', package: 'Newland.CityTheme', source: 'Main')}
        </neos:link.node>
        </a>
    </div>
</div>