/* =====================================
   BUTTONS — shared component
   ===================================== */
   
   


.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0.85rem 1.4rem;
  border-radius: var(--radius-md);

  font-family: var(--font-body);
  font-size: var(--fs-200);
  font-weight: 600;

  text-decoration: none;
  cursor: pointer;

  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.btn:focus-visible{
  outline: 3px solid rgba(200,169,81,0.45);
  outline-offset: 3px;
}

/* Gold filled */
.btn-gold{
  background: var(--btn-bg);
  color: var(--btn-text);
}

.btn-gold:hover,
.btn-gold:focus-visible{
  background: var(--btn-bg-hover);
  color: var(--text-on-dark);
}

/* Optional: subtle press */
.btn:active{
  transform: translateY(1px);
}