a:before Funktion für last-child deaktivieren? Suchen-Icon wird nicht angezeigt

[Andimau]

Hallo

habe folgendes Problem, welches ich nicht lösen kann.

Es geht um das Navi-Menu. Oben rechts nach "anfrage starten" erscheint versteckt die Suchen-Funktion als icon. (nicht sichtbar, aber wenn man mit der Maus darüber fährt schon)

Wenn ich diesen Part im CSS entferne, wird diese auch korrekt angezeigt. Aber dann ist natürlich der hover effect weg.

Das Suchen Symbol als Lupe sollte immer angezeigt werden, aber der CSS Code bezieht sich ja auf das komplette Navi-Menu. Genau das ist mei Problem.

Ich weiß nicht wie man das realisert. Evlt mit last-child?

Hat jemand einen Tip?
www. hr-schreinerei. de

Danke Euch!



#header_main .main_menu a:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}