Game Button 🎮

<a href="GAME-LINK" class="image-button" data-tooltip="Click to explore!">

  <img src="IMG-LINK">

</a>

<style>

.image-button {

  position: relative;

  display: inline-block;

  width: 160px;

  height: 160px;

  border-radius: 24px;

  overflow: hidden;

  text-decoration: none;

  background-color: #f0f0f0;

  box-shadow: 0 6px 10px rgba(0,0,0,0.15);

  transition: transform 0.3s ease;

}

.image-button:hover {

  transform: scale(1.1);

}

/* Tooltip styling */

.image-button::after {

  content: attr(data-tooltip);

  position: absolute;

  bottom: -40px;

  left: 50%;

  transform: translateX(-50%);

  background-color: #333;

  color: #fff;

  padding: 8px 12px;

  border-radius: 6px;

  font-size: 14px;

  white-space: nowrap;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s ease;

}

.image-button:hover::after {

  opacity: 1;

}

.image-button img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

</style>