Not seeing the square links with javascript disabled

And it’s even better to use an init function, so that the .buttone can be given as an argument to that function instead.
This way, the init function doesn’t have to change from one button to another either.

function initButton(selector) {
  var button = document.querySelector(selector);
  var wrapper = button.querySelector(".wrap");
  var playButton = wrapper.querySelector(".playButton");
  // ... assign event handlers and other stuff here
}

initButton(".buttone");
Edit:

It will be something like that, I haven’t tested that code yet.