/* Generic reusable haunted button */
.haunt-btn {
  position: fixed;
  transform: var(--btn-transform, translate(-50%, -50%));
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: transparent;
  z-index: 10; /* ensure button appears above background */

  /* customizable via CSS variables per button */
  top: var(--btn-top, 50%);
  left: var(--btn-left, 50%);
  right: var(--btn-right, auto);
  width: var(--btn-width, 180px);
  height: var(--btn-height, 90px);

  background-image: var(--btn-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.haunt-btn:active {
  transform: translate(-50%, -45%) scale(0.98);
}