.aramakutusu{
/* Arama kutunuzun ana değerleri ve transition*/
}
.aramakutusu:hover{
/* Ana genişlik değerinin yükseltilmesi, margin ayarları ve position z-index değerleri */
}
.aramakutusu:after{
/* Font Family şeklinde font-awesome un fa classında yer alan değerleri giriniz. Daha sonra content kısmına arama iconunun değerini giriniz. Yükseklik padding ve margin değerleri verip float:right ile sağa yaslayınız. */
}
Tavsiye; Verdiğiniz örnekte hover kullanılmış fakat bu hiç kullanışlı değil. Mouse input üstünden kalktığı an bir şey yazarken kapanır input. En iyisi focus ile çalışmanız.
Hepsi bu kadar.