JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
</head>

<body>
	<div class="carton-box">

		

	<div class="tap">
    <div class="blocks">
			<div><input type="text" placeholder="Имя" class="inf-bl"></div>
			<div><input type="text" placeholder="Фамилия" class="inf-bl"></div>
			<div><input type="text" placeholder="E-mail" class="inf-bl"></div>
			<div><input type="text" placeholder="Телефон" class="inf-bl"></div>
		</div>
    <div class="textarea">
		  <textarea name="" id="" cols="30" rows="10" class="place"></textarea>
		  </div>
      <div><button class="but">Pusk</button></div>
		</div>
	</div>
	

</body>

</html>

CSS

.carton-box{
	
	width: 100%; height: 800px;
	justify-content: space-between;
	background: #cc4637;
}
.tap {
	
	text-align: center;
}
.textarea {
	
	display: inline-block;
	background: #f1f1f1;
  margin: 50px 0 0 50px;
}
.textarea textarea {
	width: 594px !important; height: 216px !important;
}
.blocks {
	display: block;
	background: transparent!important;
  float:left;
  margin: 50px 0 0 50px;
}
.inf-bl {
	color: #e1e1e1;
	background-color: transparent!important;
	border: none;
  margin-top:20px;
	border-bottom: 2px solid #e1e1e1;
}
.place {
	background-color: transparent!important;
}
div .but {
	border: none;
  width:20%;
  height:40px;
  background-color:red;
  float:right;
  margin:10px 3.5% 0 0;
	
}