我有这个弹出窗口，我想打开当用户点击共享图标。上面应该写着复制
这里是HTML

<div class="copy-text">
  <a>
    <div class="mini-button mini_button_2"><img src="/images/share.svg" alt="share" /></div>
  </a>
  <div class="popup">Copied</div>
</div>

这里是CSS

.copy-text .popup {
  content: "copied";

  position: absolute;
  top: -45px;
  right: 0px;
  background: #5c81dc;
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 15px;
  display: none;
}

.copy-text .popup:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 25px;
  width: 10px;
  height: 10px;
  background: #5c81dc;
  transform: rotate(45deg);
  display: none;
}

.copy-text.active .popup:before,
.copy-text.active .popup {
  display: block;
}

这里是javascript

document.addEventListener('DOMContentLoaded', function() {
  var button = document.querySelector('.mini_button_2');
  var copyText = document.querySelector('.copy-text');

  button.addEventListener('click', function() {
    copyText.classList.add('active');
    setTimeout(function() {
      copyText.classList.remove('active');
    }, 2500);
  });
});

但是，当我点击图标时，什么也没有显示。有什么问题吗？
我希望这样的东西出现