@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animated-gradient {
  background: linear-gradient(270deg, #ff9500, #ffd700);
  background-size: 200% 200%;
  animation: gradientMove 20s ease infinite;
}

.gradient-footer {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.custom-btn {
  background: transparent;
  color: white;
  border: 2px solid white;
  font-weight: bold;
  font-size: 1.125rem; /* kb. text-lg */
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}

.custom-btn:hover {
  background: white;
  color: transparent;
}