Remove Contacts - Done

<div class="modal-background">
    <div class="modal-container">
        <div class="modal-heading-container">
            <h1 class="modal-h1">Remove Contacts</h1>
        </div>
        <form id="remove-contacts" name="remove-contacts" method="get">
            <div class="form-list gap-1rem">
                <div class="block gray-50">
                    <div><strong>{# selected contacts}</strong> Contacts Selected</div>
                </div>
                <div class="alert-box danger">
                    <div class="alert-icon w-embed"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                        <path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"></path>
                        </svg></div>
                    <div><strong>This action cannot be undone<br></strong>Please review the removal options below and confirm your choice.</div>
                </div>
                <div class="fancy-option-group">
                    <div class="fancy-option top selected"><label class="w-checkbox checkbox-field pt-3px">
                        <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox disabled w--redirected-checked"></div>
                        <input type="checkbox" name="remove-contact" id="remove-contact" style="opacity:0;position:absolute;z-index:-1" checked="">
                        </label>
                        <div class="fancy-option-text-container">
                            <div class="fancy-option-heading">Remove from all PulseChecks</div>
                            <div class="fancy-option-text">Contacts will be removed from all PulseChecks and will no longer receive surveys. They will remain in your contacts list for future use.</div>
                        </div>
                    </div>
                    <div class="fancy-option top"><label class="w-checkbox checkbox-field pt-3px">
                        <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox"></div>
                        <input type="checkbox" name="delete-contact" id="delete-contact" style="opacity:0;position:absolute;z-index:-1">
                        </label>
                        <div class="fancy-option-text-container">
                            <div class="fancy-option-heading">Permanently delete contacts</div>
                            <div class="fancy-option-text">In addition to removing from PulseChecks, this will permanently delete the contacts from your system. Historical survey responses will be anonymized (name and email will be removed).<br><br><strong>Note</strong>: There is no cost or limit for contacts in the system, only for the number of contacts assigned to a PulseCheck.</div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="form-button-container">
            <button type="button" href="#" class="button tertiary full w-button">Cancel</button>
            <button type="button" href="#" class="button full danger w-button">Remove {# selected contacts} Contacts</button>
        </div>
        <div class="modal-close-button w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="18" y1="6" x2="6" y2="18"></line>
            <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg></div>
    </div>
</div>