Disable Add To Cart on Variation Change Using contains() function in jQuery

I need to Blur ( remove functionality ) of the Add to Cart button globally for product variations which are Out of stock so assume the jQuery contains() function is the best bet but can’t get this code to work.

I’ve tried checking using the outOfStock but can’t get it to work.

If the product contains the text Out of stock when the variation option is toggled, i need to prevent the add to cart button from working.

add_action('wp_footer', 'outofstock_product_variation_js');
function outofstock_product_variation_js() {
    ?>
    <script type="text/javascript">
    jQuery(function($) {
    
        var addToCartButtonObj = $('.add-to-cart-button');
        var outOfStock         = $("p.stock.in-stock:contains('Out of stock')");

        $('form.variations_form').on('show_variation', function(event, data) { 
        
        if ( ! data.is_in_stock  ) {
            
                addToCartButtonObj.hide();
                
            } else if ( data.is_in_stock  ) {
            
                addToCartButtonObj.show();
            
            }
            
        })
      
    });
    </script>
    <?php
}