/* ============================================================================
   SHARED BUTTON STYLES
   ----------------------------------------------------------------------------
   The gold/black button recipe used across game pages, the xfit/Interval
   hub, and the stopten leaderboard. Deliberately contains ONLY this --
   no body/#container/layout rules -- unlike shared/game.css, which makes
   layout assumptions (flex-centered body, fit-content #container, clock
   reserve) that only hold on pages actually built around them. Any page
   can load this file safely regardless of its own layout, which is the
   whole point of splitting it out: xfit/stopten need .game-button but
   would break under shared/game.css's body/#container rules (xfit's
   <body> has multiple top-level children that rely on normal block
   stacking, not a flex row; stopten's #container already sets its own
   width/padding that shared/game.css's version would partly fight).

   shared/game.css itself @imports this one, so every game page already
   linking shared/game.css keeps getting .game-button with no changes.
   ============================================================================ */

.game-button {
    background-color: gold;
    font-size: 20px;
    color: black;
    border: 3px solid black;
    border-radius: 6px;
    padding: 7px 14px;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
}

a.game-button {
    display: inline-block;
    text-decoration: none;
}