How to prevent a child element to inherit a style set to the parent

Hey guys,

I am trying to use mix-blend-mode: difference on the logo and menu icon but it only works when I apply the style to the parent which is the whole navbar element. When I do that the button also inherits the difference blend mode which is something I am trying to avoid.

My question is how do I only target the logo and the menu or how do I make the child (button) not inherit the style I gave to the parent?


Live site:

Here is my site Read-Only: Webflow - TheConversionCode