Attributes border and opacity change

[StrefaBiznesu]

Hello.

I am trying to change attributes visual , that are not available to buy. So they looks different that available ones.

I did use this code on custom.css

.product-variants-item .radio-label.invalidAttribute, .product-variants-item .color.invalidAttribute
    cursor: not-allowed !important;
    opacity: .5 !important;
    border: 2px dotted #000000;
}

While using such settings on available attributes. Look changing.

But on not available it is not.

Any clue what code I should use?

 

PS. 1.7.8.6

Edited June 28, 2022 by StrefaBiznesu (see edit history)