Formatar campo de busca CSS

Estou desenvolvendo uma aplicação web e gostaria de formatar meu campo de busca assim.

erro

Olha como esta o meu campo de busca.
erro4

Com as bordas redondas e com icon dentro do botão e o nome Procurar um produto dentro mas não estou conseguindo.

HTML

<div class="campo_busca"><input type="text"id="busca"><i class="fa fa-search"></i></div>

CSS

.campo_busca{
margin-top: 40px;
margin-left: 160px;
border: 1px radius solid;
  }

  #busca{
width: 90%;
 }