/* Shared base */
.nav-btn-primary,
.nav-btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: .5rem 1.4rem;
  border-radius: 4px;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s, transform .2s;
}

/* First button — orange filled */
.nav-btn-primary {
  background-color: #C1440E;
  color: #fff;
  border: 2px solid #C1440E;
}

.nav-btn-primary:hover {
  background-color: #a33a0c;
  border-color: #a33a0c;
  color: #fff;
  transform: translateY(-2px);
}

/* Second button — gold outlined */
.nav-btn-secondary {
  background-color: transparent;
  color: #E8B428;
  border: 2px solid #E8B428;
}

.nav-btn-secondary:hover {
  background-color: #E8B428;
  color: #1A1208;
  transform: translateY(-2px);
}

/* Shared base */
.mob-btn-primary,
.mob-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: .65rem 1.4rem;
  border-radius: 4px;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .3s, transform .2s;
}

/* First button — orange filled */
.mob-btn-primary {
  background-color: #C1440E;
  color: #fff !important;
  border: 2px solid #C1440E;
}

.mob-btn-primary:hover {
  background-color: #a33a0c;
  border-color: #a33a0c;
  color: #fff !important;
}

/* Second button — gold outlined */
.mob-btn-secondary {
  background-color: transparent;
  color: #E8B428 !important;
  border: 2px solid #E8B428;
}

.mob-btn-secondary:hover {
  background-color: #E8B428;
  color: #1A1208 !important;
}