Cannot change colour of Shipping Label

Hi,

I don’t seem to be able to change the colour of the Shipping Label text on the dropdown box when hovering over it or when it’s active.

The ‘normal’ state is for the “Shipping” text to be in Black and the box to be in White, in Hover or Active state, the text should be White and the box should be Black.

However, the the text just stays black so it can’t be seen when the box turns black.

The “Coupon Code” dropdown box works as it should though.

I have tried the following CSS:

`.wc-blocks-components-panel__button:hover {
color: #965456 !important;
}

.wc-blocks-components-panel__button:focus {
color: #965456 !important;
}

.wc-blocks-components-panel__button:active {
color: #965456 !important;
}`

Oddly, if I use the above CSS to change the font size (swapping “color” to “font-size”, that does actually change the font size. Also, using the above CSS, it changes the colour of the text for the Coupon Code box but not the Shipping box.

Really strange and I’ve been trying to figure out the correct CSS for hours now without success.

Anyone know what CSS I should be using?

The page I need help with: [log in to see the link]