var modal = document.getElementById('myModal');
var btn = document.querySelectorAll('.button')
var span = document.getElementsByClassName("close")[0];
btn.forEach(function(item){
item.addEventListener('click', function(e){
e.preventDefault()
modal.style.display = "none";
})
});
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
Если я пытаюсь обернуть в других разных местах HTML кода, то дизайн прямоугольника портится..., задайте ссылке этой display: block. А вообще лучше бы вы на песочнице представили код.