title: Change 'add to cart' text when product is sold out
body: <p>He everyone I would like to change the button "in de winkelmand" to sold-out when the product is sold out.</p>
  
  <p>I have tried to disable the product single like attached below to get rid of that weird looking box. </p>
  
  <p>But now need to change the text</p>
  
  <pre class="lang-css prettyprint-override"><code>.product .single_variation {
      display: none !important;
  }
  
  nm-variable-add-to-cart-button single_add_to_cart_button button alt disabled wc-variation-is-unavailable
  </code></pre>
  
  <p>Unfortunately without a result, can anyone point me in the right direction?</p>
  
  <blockquote>
    <p><a href="https://www.peachandhoney.nl/product/bella-rose-top/" rel="nofollow noreferrer">https://www.peachandhoney.nl/product/bella-rose-top/</a></p>
  </blockquote>
  
  <p>is the link to the site. Xs is sold out on this product the rest is in stock. </p>
  
  <p>Thank you.</p>