JSFiddle - React, Tailwind, and code Playground

HTML

<div id='search_blok'>
	  <form name='search_form' aaction='/search/'>
	  <div id='search_blok_button'>
		<input type='button' id='search_button' value='Найти' onclick="window.location = '/search/' + search_form.search.value + '/';">
      </div>
      <div id='search_blok_input'>
        <input type='search' name='search' id='search_input' value=''>
      </div>
      <div class='clear'></div>
	  </form>
    </div>

CSS

#search_blok	{position: relative; padding: 0px 20px;}
#search_blok_input	{width: auto; margin-right: 120px;}
#search_input	{height: 2em; font: normal 1em Tahoma; width: 100%; box-sizing: border-box; padding: 0px 10px; border: 0px; border-radius: 7px; box-shadow: hsl(40,74%,51%) 0px 0px 2px 1px;}
#search_input:focus	{outline: none; box-shadow: hsl(40,74%,51%) 0px 0px 3px 2px;}
#search_blok_button	{width: 100px; float: right;}
#search_button	{height: 2em; font: normal 1em Tahoma; color: #ffb546; width: 100px; text-align: center; border: 0px; border-radius: 7px; background: #003C6D linear-gradient(#00588F, #003C6D); cursor: pointer;}