Mix-blend-mode in navbar affects the cart container

Hello !

My site has mix-blend-mode: difference applied to the navigation section so that the menu items invert color based on the background.
The problem is that the styling also affects the cart container, which by default is nested within the cart button.
How do i keep the difference blending on all the menu items, but make cart appear normally ?
I have tried to apply the blend mode to individual menu items instead of the whole navigation section, but that does not work. It only works when i apply it to the whole .navigation-section class.
Is there a way to make the cart container be nested separately from the button, or is there another way to make it not be affected by the navigation styling ?

Thanks,
here are some images:


Screenshot_21
Screenshot_22


Here is my site Read-Only: link