/* ==========================================================================
   GAMELINKBTN.CSS - REUSABLE SERVER ADDRESS BUTTON STYLING
   ========================================================================== */

.header-btn {
  position: absolute !important;
  top: 19px !important;           /* Mathematical vertical center inside the 72px blank zone */
  right: 20px !important;         /* Pushes it strictly to the top right */
  left: auto !important;          /* Clear left side defaults */
  z-index: 9999 !important;       /* Forces it onto the topmost visual layer */
  
  /* Reset button elements */
  background: none;
  border: none;
  outline: none;
  display: inline-block;
  box-sizing: border-box;
  
  /* Sizing and Shape */
  height: 34px;
  padding: 0 16px;
  
  /* Typography */
  font-family: 'Calibri', sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 32px;              /* Vertically centers text inside button border */
  cursor: pointer;

  /* Colors and Theme Alignment */
  background-color: #0C0F06 !important; /* Matches deepest olive green background */
  color: #BABABA !important;            /* Slate gray title text color */
  border: 1px solid rgba(100, 120, 50, 0.40) !important; /* Brighter variant of grid color */
  
  /* Smooth mouseover transition */
  transition: all 0.2s ease;
}

/* Hover Adjustments */
.header-btn:hover {
  color: hotpink !important;            /* Matches your custom link hover color */
  background-color: rgba(0, 0, 0, 0.225) !important; 
  border-color: rgba(100, 120, 50, 0.70) !important; /* Glows grid outline on mouseover */
}