如何在悬停/工具提示中添加额外信息

<button title="这是一个按钮">按钮</button>

<button data-tooltip="这是一个按钮" class="tooltip">按钮</button>

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover::after {
  visibility: visible;
  opacity: 1;
}