How can I change the color of 'sold out' text on my website?

Store Design
1

Hi,

I have tired using

}
  span.badge.badge--bottom-left.color-inverse {
    background: #ffcfcf; //Controls Main Background Color
    border-color: #ffcfcf; //Controls Border Color
    color: red; //Controls Text Color
}

To change the colour of the sold out text however this hasn’t worked.

can someone please help. I only want to change the colour of the sold out text.

website
mainphase.co.uk

2

solved!
with code

.card__badge>*,
.product .price--sold-out .price__badge-sold-out,
.product .price--sold-out .price__badge-sale {
    color: red !Important;
    border-color: black !important;
}