/*! Lume CSS v2.1.0 | MIT | https://github.com/iamtherealtim/lume-css */
/* ============================================
   LUME EXTRAS — optional decorative variants
   Not part of lume.css. Include separately:
   <link rel="stylesheet" href=".../dist/extras.css" />
   ============================================ */

/* Gradient / fancy buttons */
.lume-btn-gradient-aurora,
.lume-btn-gradient-sunset,
.lume-btn-gradient-ocean,
.lume-btn-gradient-violet,
.lume-btn-gradient-forest {
  --lume-btn-grad-pos: 0% 50%;
  --lume-btn-grad-pos-hover: 100% 0;
  --lume-btn-hover-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
  --lume-btn-hover-transform: translateY(-1px);
  --lume-btn-hover-filter: none;
  color: #FFFFFF;
  border-color: transparent;
  background-size: 170% 170%;
  background-position: var(--lume-btn-grad-pos);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.lume-btn-gradient-aurora:hover,
.lume-btn-gradient-sunset:hover,
.lume-btn-gradient-ocean:hover,
.lume-btn-gradient-violet:hover,
.lume-btn-gradient-forest:hover {
  background-position: var(--lume-btn-grad-pos-hover);
  box-shadow: var(--lume-btn-hover-shadow);
  transform: var(--lume-btn-hover-transform);
  filter: var(--lume-btn-hover-filter);
}

.lume-btn-gradient-aurora {
  --lume-btn-hover-shadow: 0 10px 22px rgba(79, 70, 229, 0.36);
  background-image: linear-gradient(135deg, #6D28D9 0%, #4F46E5 45%, #0EA5E9 100%);
}

.lume-btn-gradient-sunset {
  --lume-btn-hover-filter: saturate(1.1) brightness(1.03);
  --lume-btn-hover-shadow: 0 10px 22px rgba(219, 39, 119, 0.34);
  --lume-btn-hover-transform: translateY(-1px) scale(1.01);
  background-image: linear-gradient(120deg, #F97316 0%, #EF4444 42%, #DB2777 100%);
}

.lume-btn-gradient-ocean {
  --lume-btn-grad-pos-hover: 100% 100%;
  --lume-btn-hover-shadow: 0 10px 22px rgba(20, 184, 166, 0.34);
  background-image: linear-gradient(120deg, #0284C7 0%, #0EA5E9 42%, #14B8A6 100%);
}

.lume-btn-gradient-violet {
  --lume-btn-hover-shadow: 0 10px 22px rgba(147, 51, 234, 0.34);
  background-image: linear-gradient(130deg, #4338CA 0%, #7C3AED 48%, #C026D3 100%);
}

.lume-btn-gradient-forest {
  --lume-btn-hover-shadow: 0 10px 22px rgba(21, 128, 61, 0.34);
  --lume-btn-grad-pos-hover: 100% 50%;
  background-image: linear-gradient(120deg, #15803D 0%, #16A34A 45%, #22C55E 100%);
}

.lume-btn-no-glow {
  --lume-btn-hover-shadow: none !important;
}

.lume-btn-no-lift {
  --lume-btn-hover-transform: none !important;
}

.lume-btn-no-filter {
  --lume-btn-hover-filter: none !important;
}

.lume-btn-no-shift {
  --lume-btn-grad-pos-hover: var(--lume-btn-grad-pos) !important;
}

.lume-btn-fx-off {
  --lume-btn-hover-shadow: none !important;
  --lume-btn-hover-transform: none !important;
  --lume-btn-hover-filter: none !important;
  --lume-btn-grad-pos-hover: var(--lume-btn-grad-pos) !important;
}

[data-theme="dark"] .lume-btn-gradient-aurora,
[data-theme="dark"] .lume-btn-gradient-sunset,
[data-theme="dark"] .lume-btn-gradient-ocean,
[data-theme="dark"] .lume-btn-gradient-violet,
[data-theme="dark"] .lume-btn-gradient-forest {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45);
}