Чтобы вставить элемент после какого-то элемента, нужно создать прототип.
Element.prototype.appendAfter = function (element) { element.parentNode.insertBefore(this, element.nextSibling);
};
footer.appendAfter(modal.querySelector('[data-content]'));
document.body.appendChild(modal);
