<button id="button">click</button>
<div id="modal">
<form id="form" method="post">
<p>Остались вопросы?<br>Оставьте Ваши данные и мы перезвоним!</p>
<input type="text" name="name" placeholder="Ваше имя*" required="required" pattern="[a-zA-Zа-яА-Я]+">
<input type="tel" name="phone" placeholder="Ваш телефон*" required="required" minlength="10" maxlength="15">
<button type="submit" class="button arrow close_modal">ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ</button>
<span class="info">Информация не подлежит разглашению третьим лицам.</span>
</form>
</div>var button = document.getElementById('button');
var modal = document.getElementById('modal');
var close = document.getElementsByClassName("close_modal")[0];
button.onclick = function () {
modal.style.display = 'block';
}
wrapper.onclick = function () {
modal.style.display = 'none';
}
close.onclick = function () {
modal.style.display = 'none';
}#modal {
display: none;
position: fixed;
left: 50%;
transform: translate(-50%);
z-index: 99;
padding: 15px;
background: #00000091;
}