CSS not working in Safari

Site URL: https://www.lewisrossignolart.com/

Hi everyone,

On the homepage of my clients site I have a few product summary blocks. The variant selector is styled correctly, however the css styles don't work on Safari & Chrome so far. Oddly enough I was able to change the font family (using the code below) for Safari Mobile app on IOS explicitly. However, I wasn't even able to change the font color using this code...only the font family.  Any help is appreciated.

.sqs-block-product .data-variant-option-name {
  font-family: amatica sc;
  -webkit-appearance: none;
  appearance: none;
}

Try this CSS for color

.variant-option select {
    color: red !important;
}