Property Visual Share

<div class="property-visual-share" data-module="propertyVisualModal">
    <button class="property-gallery__button property-gallery__button--share js-modal-open is-desktop">
        Share
    </button>
    <button
        class="property-gallery__button property-gallery__button--share js-share-trigger is-mobile"
        data-title="{{share.title}} - {{share.info}}"
        data-text="{{share.text}}"
        data-url="{{share.url}}">
        Share
    </button>
    <div class="modal modal--share js-modal">
        <div class="modal__container">
            <div class="property-visual-share__wrapper">
                <div class="property-visual-share__header">
                    Share
                    <button class="property-visual-share__header-icon js-modal-close">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18.3638 4.22168L19.778 5.63589L5.63585 19.778L4.22163 18.3638L18.3638 4.22168Z" fill="white"/><path d="M19.7783 18.3643L18.3641 19.7785L4.22197 5.63633L5.63619 4.22212L19.7783 18.3643Z" fill="white"/></svg>
                    </button>
                </div>
                <div class="property-visual-share__inside">
                    <div class="property-visual-share__content">
                        <div class="property-visual-share__img" data-module="imageLazyLoad">
                            {{> @picture share.image }}
                        </div>
                        <div class="property-visual-share__title">
                            <span class="property-visual-share__heading">
                                {{share.title}}
                            </span>
                            <span class="property-visual-share__info">
                                {{share.info}}
                            </span>
                        </div>
                        <h2 class="property-visual-share__text">
                            {{share.text}}
                        </h2>
                    </div>
                    <div class="property-visual-share__copy js-copy">
                        <span class="property-visual-share__copy-url">
                            {{share.url}}
                        </span>
                        <button
                            class="property-visual-share__copy-trigger js-copy-trigger"
                            data-copy="{{share.url}}"
                        >
                            <i class="property-visual-share__copy-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M1 8H11V18H1V8Z" stroke="white" stroke-width="2"/><path d="M8 4.65385V1H18V11H14.3462" stroke="white" stroke-width="2"/></svg>
                            </i>
                            <span class="property-visual-share__copy-before">
                                Copy
                            </span>
                            <span class="property-visual-share__copy-after">
                                Copied
                            </span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>