如何使按钮在图像悬停时可见

<div class="image-container">
  <img src="image.jpg" alt="Image">
  <button class="hover-button">按钮</button>
</div>

.image-container {
  position: relative;
}

.hover-button {
  display: none;
}

.image-container:hover .hover-button {
  display: block;
}