<div class="property-floor-selector-enquire js-enquire-panel">
    <a class="property-floor-selector-enquire__back-cta js-enquire-panel-close" href="#"><span>Back</span></a>
    <link media="all" rel="stylesheet" href="/assets/themes//css/property-contact.css?cb=">

    <div class="property-contact" data-module="propertyContact,propertyVisualModal">
        <div class="property-contact__wrapper">
            <div class="property-contact__inside js-agent">
                <div class="property-contact__content">
                    <span class="property-contact__content-eyebrow"></span>
                    <span class="property-contact__content-title"></span>
                </div>
                <div class="property-contact__social">
                    <div class="property-contact__social-item">
                        <button class="property-contact__social-trigger">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path d="M5.48298 3C5.19175 3 4.91516 3.11639 4.70417 3.32787C3.66199 4.37912 3.20225 5.02728 3.05593 6.31888C2.68824 9.37092 4.11181 12.1911 7.96903 16.0574C12.5442 20.6433 16.3377 21 17.3912 21C17.5649 21 17.6659 20.9905 17.689 20.9882C19.0234 20.8283 19.653 20.3381 20.6759 19.3346C21.0931 18.9131 21.1096 18.247 20.7132 17.8477L17.7863 14.9139C17.6022 14.7299 17.352 14.6281 17.0825 14.6281C16.7908 14.6281 16.5147 14.744 16.3042 14.9551L15.4616 15.7986C15.1501 16.1104 14.7357 16.2821 14.2953 16.2821C14.0046 16.2821 13.718 16.2045 13.466 16.0579C12.5347 15.5147 11.4331 14.8098 10.3248 13.6994C9.31094 12.6813 8.67609 11.7407 7.98036 10.5528C7.59945 9.90222 7.70518 9.07664 8.23666 8.54439L9.07399 7.70651C9.49266 7.28686 9.50965 6.62025 9.11223 6.22047L6.18674 3.28671C6.00219 3.10172 5.75249 3 5.48298 3Z" stroke="white" stroke-width="2" />
                            </svg>
                        </button>
                        <span class="property-contact__tooltip is-tel js-copy">
                            <a href="tel:" class="property-contact__tooltip-text"></a>
                            <button class="property-contact__tooltip-copy js-copy-trigger" data-copy="" data-index="0">
                                <i class="property-contact__tooltip-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="#0054A6" stroke-width="2" />
                                        <path d="M8 4.65385V1H18V11H14.3462" stroke="#0054A6" stroke-width="2" />
                                    </svg>
                                </i>
                                <span class="property-contact__tooltip-copy-before">
                                    Copy
                                </span>
                                <span class="property-contact__tooltip-copy-after">
                                    Copied
                                </span>
                            </button>
                        </span>
                    </div>
                    <div class="property-contact__social-item">
                        <button class="property-contact__social-trigger">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path d="M2 6H22V19H2V6Z" stroke="white" stroke-width="2" />
                                <path d="M2 7L12.5 14L22 7" stroke="white" stroke-width="2" />
                            </svg>
                        </button>
                        <span class="property-contact__tooltip is-email js-copy">
                            <a href="mailto:" class="property-contact__tooltip-text"></a>
                            <button class="property-contact__tooltip-copy js-copy-trigger" data-copy="" data-index="1">
                                <i class="property-contact__tooltip-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="#0054A6" stroke-width="2" />
                                        <path d="M8 4.65385V1H18V11H14.3462" stroke="#0054A6" stroke-width="2" />
                                    </svg>
                                </i>
                                <span class="property-contact__tooltip-copy-before">
                                    Copy
                                </span>
                                <span class="property-contact__tooltip-copy-after">
                                    Copied
                                </span>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="property-contact__action">
                <div class="property-contact__action-inside">
                    <button class="property-contact__btn property-contact__btn--secondary js-agent-trigger">
                        Detail
                    </button>
                    <button class="property-contact__btn property-contact__btn--primary js-modal-open">
                        Enquire
                    </button>
                </div>
            </div>
        </div>
        <div class="modal modal--property-contact-details js-modal">
            <div class="modal__container">
                <div class="property-contact-details">
                    <div class="property-contact-details__header">
                        <div class="property-contact-details__header-text">
                            <span class="property-contact-details__header-eyebrow"></span>
                            <h2 class="property-contact-details__header-title"></h2>
                        </div>
                        <button class="modal__close property-contact-details__header-close 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-contact-details__inside">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>