const closeTrigger = document.getElementById("my-custom-button-02");

const targetModal = document.querySelector("#my-top-modal");

closeTrigger.addEventListener("click", (event) => {
  openCloseModal(event, targetModal);
});
                              
function openCloseModal(event, modal) {

  const isOpen = modal.classList.contains('fr-modal--open');
  if (!isOpen) {
    modal.classList.toggle('fr-modal--open')
    modal.setAttribute('aria-hidden', 'false');
    modal.style.display = 'flex'
  } else {
    modal.classList.remove('fr-modal--open');
    modal.setAttribute('aria-hidden', 'true');
    modal.style.display = 'none'
  }
}
function resetFramesTrigger(event, modal) {

  const framesTrigger = modal.dataset.frModalTrigger;
  const isOpen = modal.classList.contains('fr-modal--open');
  if (!isOpen) {
    modal.classList.toggle('fr-modal--open')
    modal.setAttribute('aria-hidden', 'false');
    modal.style.display = 'flex'
  } else {
    modal.classList.remove('fr-modal--open');
    modal.setAttribute('aria-hidden', 'true');
    modal.style.display = 'none'
  }
}