text: "use strict";
  
  let duration = 1600,
    success = button => {
    button.classList.add('success')
    };
  
  document.querySelectorAll('.button-hold').forEach(button => {
    button.style.setProperty('--duration', duration + 'ms');
    ['mousedown', 'touchstart', 'keypress'].forEach(e => {
      button.addEventListener(e, ev => {
        if (e !== 'keypress' || (e === 'keypress' && ev.which === 32 && !button.classList.contains('process'))) {
          button.classList.add('process');
          button.timeout = setTimeout(success, duration, button);
        }
      });
    });
    ['mouseup', 'mouseout', 'touchend', 'keyup'].forEach(e => {
      button.addEventListener(e, ev => {
        if (e !== 'keyup' || (e === 'keyup' && ev.which === 32)) {
          button.classList.add('process');
          clearTimeout(button.timeout)
        }
      }, false);
      // console.log("lets see if this runs")
    });
  });
  