Search Form

<form role="search" method="get" id="acorn-searchform" class="acorn-searchform" action="#">
	<div class="acorn-searchbox">
   		<div class="acorn-search-input">
      		<input type="text" value="" name="s" id="s" placeholder="Search..." />
      		<button type="submit" id="searchsubmit" /><img src="/wp-content/uploads/2022/04/magnifying-glass.png"></button>
   		</div>
	</div>
</form>

CSS

.acorn-search-input
{
	display:flex;
	width:200px;
	
}
.acorn-search-input input:focus
{
	outline:none;
	
}

.acorn-search-input input
{
	line-height:3em;
	width:100%;
	padding:0px 50px 0px 20px;
	margin-right:-50px;
	border:none;
	box-shadow:0px 0px 10px #eee;
	border-radius:30px;
}

.acorn-search-input button
{
	background:none;
	border:none;
}


#searchsubmit img
{
	width:30px;

}