The way to Take away Lively css from woocommerce variation?

I’ve a small pickle.
I can not work out flip the css off after it will get activated.
If the person adjustments there thoughts, I need the yellow to show off in the event that they deselect the button (variation). I can not determine this out.

    $( ".variations_form" ).on( "woocommerce_variation_select_change", perform () {
    $(".ivpa_clicked").css("background-color", "yellow")
} );
 
$( ".single_variation_wrap" ).on( "show_variation", perform ( occasion, variation ) {
    // Fired when the person selects all of the required dropdowns / attributes
    // and a closing variation is chosen / proven
    $(".ivpa_clicked").css("background-color", "inexperienced")
} );

this is the web page I am working with:
https://testusers.newisw.com/product/girls-blazer/

Aspect Be aware: I attempted this too, however no luck turning it off:

jQuery(doc).prepared(perform( $ ){
  $  ( "type.variations_form" ).on( "woocommerce_variation_select_change", perform () {
 if ($(".ivpa_clicked").css("background-color", "yellow"));
    else if 
     ($ (".ivpa_clicked").css("background-color", "clear !vital"));
 }
   );
  });

what am I doing wronger? lol