.info-modal-row { display: flex; align-content: end; align-items: end; justify-content: end; position: absolute; bottom: 100px; right: 25px; }.info-modal-row:hover { cursor: pointer; }@media (max-width: 583px) { .info-modal-row { bottom: -15px; right: -50px; } }async function waitForElement(selector) { while (!document.querySelector(selector)) { await new Promise(resolve => setTimeout(resolve, 100)); // Wait 100ms } return document.querySelector(selector); }waitForElement('.info-modal-content-class').then(button => { button.addEventListener('click', () => {const handleExitAnimation = (infoModal, classNameMain, classNameRemoved) => { infoModal.classList.add(classNameRemoved);infoModal.addEventListener('animationend', () => { infoModal.classList.remove(classNameMain); }, { once: true }); }; const awbDiv = document.getElementById('awb-oc-2781'); const infoModal1 = document.querySelector('.info-modal-first-row'); const infoModal2 = document.querySelector('.info-modal-second-row'); const infoModal3 = document.querySelector('.info-modal-third-row'); const infoModal4 = document.querySelector('.info-modal-fourth-row');if (awbDiv.classList.contains('awb-show')) { awbDiv.classList.remove('awb-show'); // Hide the modal handleExitAnimation(infoModal1, 'info-modal-first-animation', 'info-modal-first-animation-removed'); handleExitAnimation(infoModal2, 'info-modal-second-animation', 'info-modal-second-animation-removed'); handleExitAnimation(infoModal3, 'info-modal-third-animation', 'info-modal-third-animation-removed'); handleExitAnimation(infoModal4, 'info-modal-fourth-animation', 'info-modal-fourth-animation-removed');} }); });