/* Scroll to Top Button */
.scrollToTopButton {
  animation: fadeInUp 0.3s ease-out;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: var(--primary);
  border-color: var(--primary);
  width: 56px !important;
  height: 56px !important;
  gap: 0; /* // this overrides antd's gap that is preventing centering icon */
}

.scrollToTopButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Dark theme scroll to top button */
:global(.darkApp) .scrollToTopButton {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #000000 !important;
}

:global(.darkApp) .scrollToTopButton:hover {
  background-color: #ffd633 !important;
  border-color: #ffd633 !important;
  box-shadow: 0 6px 16px rgba(255, 198, 0, 0.3) !important;
}
