JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search">
<input id="search" name="search" placeholder="Поиск по сайту" type="text">
<input id="btn" type="submit" value="Искать">
</div>

CSS

.search {
	height: 58px;
	width: 421px;
	margin: auto;
	background: #ebebeb;
	border-bottom-right-radius: 210px 18px;
	border-bottom-left-radius: 210px 18px;
}

#search {
	width: 195px;
	height: 26px;
	margin: 10px 65px;
	border-radius: 15px;
	outline: none;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 7px #ccc;
	padding: 0 70px 0 20px;
}

#btn {
	margin-left: -133px;
	background: linear-gradient(to top, #599000, #7dbc15);
	height: 28px;
	width: 67px;
	border: none;
	border-radius: 15px;
	color: #fff;
	text-shadow: 0 1px 0 #dbe4d2;
	cursor: pointer;
	font-family: 'Cuprum', sans-serif;
	font-size: 15px;
	outline: none;
}