button {
  background-color: #d4af37; /* champagne gold */
  color: white;
  border: none;
  padding: 10px 20px;
  margin: 5px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

/* Hover for Project #1 */
.btn-hover:hover {
  background-color: #008b8b; /* turquoise hover */
}

/* Glow effect for Project #1 */
.btn-glow {
  background-color: #008b8b;
  box-shadow: 0 0 10px #008b8b;
}
.btn-glow:hover {
  box-shadow: 0 0 20px #d4af37;
}

/* Buttons for Project #2 */
.btn.primary {
  background-color: #e67e22;
}
.btn.primary:hover {
  background-color: #d35400;
}

.btn.secondary {
  background-color: #9b59b6;
}
.btn.secondary:hover {
  background-color: #8e44ad;
}

.btn.rounded {
  background-color: #16a085;
  border-radius: 25px;
}
.btn.rounded:hover {
  background-color: #138d75;
}

/* ---------------- Gradient Background ---------------- */
.gradient-div {
  background: linear-gradient(to right, #008b8b, #d4af37);
  color: white;
  padding: 30px;
  border-radius: 10px;
  margin-top: 15px;
}