Css

`:root{
--header-height: 56px;
--sum-header:8px;
}

body{
margin: 0px;
background-color: rgb(245 245 245);
}
div.liner-header{
display: flex;
justify-content: space-evenly;
background-color: #fff;
align-items: center;

}

img.logo-img{
height: calc(var(--header-height) - var(--sum-header) * 2);
}
button.search-button{
background: none;
box-shadow: none;
border:none;
padding: 0;
margin: 0;
cursor: pointer;
appearance: none;
width: 20px;
position: relative;
z-index: 2;
}
svg.search-svg{
display: block;
cursor: pointer;
width: 20px;
height: 20px;
}

input.input-search{
width: 400px;
padding: 5px 45px 5px 10px;
box-sizing: border-box;
border-style: rgb(245 245 245);

}`

)(url)