<!-- COUPON COPY TO CLIPBOARD --> 
<script>
// change SAVE20NOW to whatever coupon or text you want to be copied
$('.coupon-field').val('SAVE20NOW')
                  .prop('readOnly', true)
                  .css( 'cursor', 'text' );

// on .copy-btn click
$('.copy-btn').click(function(){
  // copy the .coupon-field's value
  copyToClipboard($('.coupon-field').val());
  
  // save the .copy-btn's original text
  const origText = $(this).text();
  // save the .copy-btn's original font color
  const origColor = $(this).css('color');
  
  // change the .copy-btn's text
  $(this).text('Copied! 🤙');
  // change the .copy-btn's font color
  $(this).css('color', '#1fbd41');
  
  setTimeout(()=>{ // after a 2 sec setTimeout
    $(this).text(origText); // reset text back to original
    $(this).css('color', origColor); // reset font color back to original
  }, 2000);
});

// define copyToClipboard function
function copyToClipboard(str){
  // Create new element
  const el = document.createElement('textarea');
  // Set value (string to be copied)
  el.value = str;
  // Set non-editable to avoid focus and move outside of view
  el.setAttribute('readonly', '');
  el.style = {position: 'absolute', left: '-9999px'};
  document.body.appendChild(el);
  // Select text inside element
  el.select();
  // Copy text to clipboard
  document.execCommand('copy');
  // Remove temporary element
  document.body.removeChild(el);
}
</script>