JSFiddle - React, Tailwind, and code Playground

HTML

<div id="SECTION_2">
	<div id="DIV_3">
		<button id="BUTTON_1">
			Расширенный поиск
		</button>
	</div>
  <div id="DIV_4">
		<button id="BUTTON_1">
			Пакетное предложение
		</button>
	</div>
</div>

CSS

body
{
  background-color: blue;
}
#SECTION_2{
  display:inline-block;
  text-align: center;
  padding: 15px; width:98%;}
#BUTTON_1
{display:inline-block;
padding:1%;
font-size: calc( (100vw - 240px)/(1100 - 240) * (20 - 8) + 8px);
  background-color: blue;
  color: rgb(255, 255, 255);
    cursor: pointer;
    width:85%;
    min-height:50px;
   
}
#DIV_3
{
  display: inline-block;
  width:30% ; 
   margin: auto;

}
#DIV_4
{
  display: inline-block;
    width:30%; 
     margin: auto;
}