如何让按钮在第一次单击时消失，等待，然后在几秒钟后出现在另一个位置？

<button id="myButton">点击我</button>

#myButton {
  display: block; /* 初始状态下按钮显示 */
  position: absolute; /* 绝对定位 */
  top: 50%; /* 初始位置的垂直居中 */
  left: 50%; /* 初始位置的水平居中 */
  transform: translate(-50%, -50%); /* 初始位置的居中 */
}

#myButton.hidden {
  display: none; /* 隐藏按钮 */
}

#myButton.moved {
  top: 20%; /* 移动后的位置的垂直位置 */
  left: 80%; /* 移动后的位置的水平位置 */
}

var button = document.getElementById("myButton");

button.addEventListener("click", function() {
  button.classList.add("hidden"); // 添加隐藏样式类
  setTimeout(function() {
    button.classList.remove("hidden"); // 移除隐藏样式类
    button.classList.add("moved"); // 添加移动样式类
  }, 3000); // 等待3秒后执行移动操作
});