.btn-maroon {
  background-color: #800000;
  color: #D4A520;
  border: none;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.btn-maroon:hover {
  background: #D4A520;
  color: #3D0000;
  box-shadow: 0 4px 18px rgba(212, 165, 32, 0.45);
}

.btn-dark-brown {
  background-color: #3B1A08;
  color: #D4A520;
  border: none;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.btn-dark-brown:hover {
  background-color: #5C3317;
  color: #FFE082;
  box-shadow: 0 4px 18px rgba(59, 26, 8, 0.6);
}

.btn-gold-outline {
  background: rgba(212, 165, 32, 0.15);
  color: #D4A520;
  border: 2px solid #D4A520;
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.btn-gold-outline:hover {
  background: #D4A520;
  color: #3D0000;
  box-shadow: 0 4px 18px rgba(212, 165, 32, 0.45);
}