JSFiddle - React, Tailwind, and code Playground

HTML

<div class="intr">
		<div class="intr_items">
		<div class="container">
				<img src="img/room.png" alt="Ярус2">
			<button class="price">Рассчитать стоимость</button>
			</div>
		</div>
	</div>
  			<form id="form" action="js/send.php" method="post">
			 <div id="popup_contact" class="popup_block">
				<div class="popup_content">
					<span class="close">x</span>
					    					<div class="note">
						<h1>Выберите тип конструкции</h1>
					</div>
					    <input type="hidden" name="form_id" value="1"/>
						<fieldset>
                        <div class="form_inputs">
							    <div class="constr_type">
							        <img src="img/wall.png" alt="">
								<p><input type="radio" value="От стены до стены" name="choice" required="required">
								От стены <br><span>до стены</span>
							    </div>
							    <div class="constr_type">
                                    <img src="img/corner.png" alt="">
									<p><input type="radio" value="Угловая" name="choice">
									Угловая
                                </div>
                                <div class="constr_type">
                                    <img src="img/gtype.png" alt="">
										<p><input type="radio" value="Г - образная" name="choice">
										Г - образная
                                </div>
                                <div class="constr_type">
                                    <img src="img/hatchway.png" alt="">
											<p><input type="radio" value="С люком" name="choice">
											С люком
                                </div>
											</div>          
										</fieldset>
										<p class="submit"><button type="submit" class="next_popup">Далее</button></p>
									</div>
									</div>
									<div id="popup_contact" class="popup_block">
				<div class="popup_content">
					<span class="close">x</span>
					<div class="note">
						<h1>Выберите лестницу</h1>
					</div>
						<fieldset>
							<div class="form_inputs">
							    <div class="constr_typetwo"...

CSS

.popup_block {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 10px; /* Location of the box */
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6);
}

.popup_content {
    background-color: #fefefe;
    margin: auto;
    padding: 40px;
    width: 700px;
    text-align: center;
    position: relative;
}

.popup_content button {
    padding: 10px 70px;
    border-radius: 0;
    color: #fff;
    font-size: 25px;
    background-color: #c26e00;
}

.popup_content h1 {
    font-family: BebasNeue;
}

.close {
    position: absolute;
    color: #aaaaaa;
    float: right;
    font-size: 39px;
    font-weight: bold;
    cursor: pointer;
    top: 1px;
    right: 16px;
}

JavaScript

$(".price").click(function() {
		$(".popup_block").show();
	});
	
	$(".close").click(function() {
	   $("#form").hide();
	});
	
$('.next_popup').click(function() {
  // показать первый скрытый по порядку
  $('.popup_block:hidden').eq(0).show();
  // скрыть кнопку при отсутствии скрытых элементов
  $('.popup_block:hidden').length<1 ? $('button.next_popup').hide() : false;
});