/* ============================= */
/* ENTER BUTTON — GOLD (LOCKED) */
/* ============================= */

.enter{
  --gold:#c6a96b;
  --gold-deep:#a8894f;

  display:inline-block;
  margin-top:10px;
  padding:14px 44px;

  font-family:"IBM Plex Mono","Courier New",monospace;
  font-size:14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;

  color:#000;                 /* 🔥 BLACK TEXT */
  background:linear-gradient(145deg,var(--gold),var(--gold-deep));
  border:1px solid var(--gold);
  border-radius:2px;

  box-shadow:
    0 0 18px rgba(198,169,107,.35),
    inset 0 0 10px rgba(0,0,0,.25);

  transition:all .22s ease;
}

/* HOVER */

.enter:hover{
  color:#000;
  background:linear-gradient(145deg,#d7ba79,#b99756);

  box-shadow:
    0 0 26px rgba(198,169,107,.55),
    inset 0 0 12px rgba(0,0,0,.28);

  transform:translateY(-1px);
}

/* ACTIVE (CLICK FEEL) */

.enter:active{
  transform:translateY(1px);
  box-shadow:
    0 0 10px rgba(198,169,107,.45),
    inset 0 0 16px rgba(0,0,0,.35);
}