{namespace neos=Neos\Neos\ViewHelpers}
<div data-link-popup-{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-{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>
        <a
            href="{link}"
            {f:if(condition: linkTitle, then: 'title="{linkTitle}"', else: 'title="{topline}"')}
            {f:if(condition: openLinkInNewWindow, then: 'target="_blank"')}
            class="c-link-popup__button c-button {buttonType} {buttonColor}"
        >
            {f:translate(id: 'word.followLink', package: 'Newland.CityTheme', source: 'Main')}
        </a>
    </div>
</div>