JSFiddle - React, Tailwind, and code Playground

HTML

<div id='search_blok'>
	  <form name='search_form'>
      <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>
	  </form>
    </div>

CSS

#search_blok {overflow: hidden; padding: 0px 20px; amargin-bottom: 10px;}
#search_blok_input	{aoverflow: hidden; margin: 3px 110px 3px 0px; border: 0px solid #0F0; box-sizing: border-box;}
#search_input	{height: 2em; font: normal 1em Tahoma; width: 100%; border: 0px; border-radius: 7px; padding: 4px 10px; 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	{amargin: 3px 0px 3px 0px; width: 100px; float: right; border: 0px solid #F00; box-sizing: border-box;}
#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); padding: 3px 9px 5px; cursor: pointer;}