Jquery transform translate and rotate эффект

function changeClass(className) { 
  square.classList.add(className); 
} 
 
square.addEventListener('transitionend', function() { 
  square.classList.remove(...square.classList); 
});

#square { 
  width: 200px; 
  height: 200px; 
  background-color: red; 
} 
 
.decline { 
  transform: translate(-100%, -100%) rotate(-1.0472rad); 
  transition: transform 1s ease; 
} 
 
.accept { 
  transform: translate(100%, -100%) rotate(1.0472rad); 
  transition: transform 1s ease; 
}

<div id="square"></div> 
<button onclick="changeClass('decline')">decline</button> 
<button onclick="changeClass('accept')">accept</button>