/* Custom styles */
.clip-path-wave {
  clip-path: polygon(0 0, 100% 0, 100% 30%, 0 100%);
}

/* Animation for donation amount buttons */
.donation-amount.active {
  background-color: #FF4D4D;
  color: white;
  border-color: #FF4D4D;
}

/* Smooth transitions */
.transition {
  transition: all 0.3s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #FF4D4D;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e04444;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .clip-path-wave {
    clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
  }
}