Google like search bar HTML/CSS 2018
.search {
height: 44px;
width: 584px;
line-height: 44px;
border: none;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
margin-bottom: 30px;
font: 16px arial,sans-serif;
padding-left: 17px;
}
.search:hover, .search:focus {
outline: none;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
<input class="search" type="text" placeholder=" ">