.ghost-button {
    background-color: transparent;
    border-radius: 8px;
    border-width: 3px;
    border-style: solid;
    border-color: #ada387;
    color: #ada387;
    font-size: 24px;
    text-transform: uppercase;
  }

  .ghost-button-play {
    background-color: transparent;
    border-radius: 14px;
    border-width: 2px;
    border-style: solid;
    color: #6f8b6e;
    font-size: 18px;
    text-transform: uppercase;
    animation: subtle-glow 4s ease-in-out infinite;
  }

    .ghost-button-favorite {
    background-color: transparent;
    border-radius: 40px;
    border-width: 1px;
    border-style: solid;
    color: #6f8b6e;
    font-size: 16px;
    text-transform: uppercase;
    animation: subtle-glow 4s ease-in-out infinite;
    transition: filter 0.15s ease;
  }

  .ghost-button-favorite:active {
    filter: brightness(1.4);
    background-color: rgba(111, 139, 110, 0.2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  }

  /* Subtle brightness modulation for end-game buttons */
  @keyframes subtle-glow {
    0%, 100% {
      filter: brightness(1.0);
    }
    50% {
      filter: brightness(1.15);
    }
  }

  /* optional subtle hover hint */
.ghost-button-play:hover{
  background-color:#dbcfb1;   /* 10 % tint */
}

/* “pressed / active” — fires while the button is physically down */
.ghost-button-play:active{
  background-color:#e6d9bd;   /* lighter green from your palette */
  color:#ada387;                 /* white text pops against lit bg  */
  box-shadow:inset 0 2px 4px rgba(0,0,0,.25);  /* slight emboss */
}

  .archive-button {
    background-color: transparent;
    border-radius: 8px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
  }

  .exit-button {
    position: absolute;
    top: -5px;
    left: 0px;
    border: solid 3px #ada387;
    border-radius: 2px;
    background-color: #eee1c4;
    color: #ada387;
    font-size: 24px;
    text-decoration: none; /* remove underline from link */
    cursor: pointer;
  }
  
  .exit-button:hover {
    background-color: #e0d2ab;
    color: #5c5c5c;
  }
  
  .hidden-button {
    display: none;
  }

  /* Ensure icons don't block clicks - pass through to button */
  .ghost-button i,
  .ghost-button svg,
  .ghost-button-play i,
  .ghost-button-play svg,
  .ghost-button-favorite i,
  .ghost-button-favorite svg,
  .qvii-ghost-btn i,
  .qvii-ghost-btn svg {
    pointer-events: none;
  }