How to change color of “X” in unavailable items.

When using Attribute behavior: Blur with cross

Is there a way to change the color of the cross with css?
I’ve tried:

.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:before { background: #eeeeee !important; }

I’ve also tried with background-color but it seems neither work for overwriting the CSS.