Suchfunktion im Teaser

Hallo Community,
Ich habe bei mir auf der Webseite versucht im Teaser eine Suchfunktion einzubauen.
Habe gegoogelt und mein bestes gegeben es irgendwie hinzubekommen.
Naja, das Ergebnis ist eher schlecht als recht.
Da ich in punkto CSS, HTML usw. noch nicht so affin bin, wäre es nett wenn ich hier ein paar Tipps bekommen könnte wie man das am besten macht.
Könnt euch das Endergebins mal auf meiner Webseite (https://haushalts-infos.de) anschauen.
Vielen Dank für hilfreiche Tipps im voraus.

 

Der Button ist ja gerade das Problem. Sie sehr merkwürdig aus. Weiß nicht wie ich das hinbekomme.
Gibt es vielleicht ein empfehlenswertes Plug In mit dem man das umsetzen kann?
Hab mal ein Bild beigefügt wie die Suchfunktion in etwa aussehen sollte.