/* Krystal Star Anastasia button system, applied over the Fluent theme's buttons.
   Every button (blue and purple theme variants alike) uses the secondary soft-gradient style.
   `:not(#_)` raises specificity above the theme's context rules (.box1 .button {… !important}). */

:root {
  --deep-blue:    #0B6E9E;
  --primary:      var(--deep-blue);
  --aqua:         #A6E3DE;
  --krystal:      #2A9FD4;
  --krystal-soft: #CDEBF7;
  --krystal-deep: #1B7DAE;
  --sky:          #7EC8E3;
  --lavender:     #C7B7F2;
  --glow:         #B0E0E6;
  --magenta:      #B3358A;
  --gold-text:    #A3832A;
  --gold:         #D4AF37;
  --white:        #FFFFFF;
}

/* ---- Secondary button: soft gradient (all blue buttons) ---- */
.button:not(#_),
.button.button-2:not(#_), .button.button-3:not(#_), .button.button-4:not(#_), .button.button-purple:not(#_),
.title2 .button:not(#_), .box2 .button:not(#_), .box4 .button:not(#_), .title5 .button:not(#_),
.btn:not(#_),
#searchForm .btn:not(#_), #finder-search .btn:not(#_),
.ksa-header .ksa-cta:not(#_) {
  background: linear-gradient(135deg, #cdebf7, #EEE8FC) !important;
  color: var(--primary) !important;
  border: 1.5px solid var(--primary) !important;
  border-radius: 999px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
  filter: none !important;
  transition: border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.button:not(#_):hover, .button:not(#_):focus-visible,
.btn:not(#_):hover, .btn:not(#_):focus-visible,
.ksa-header .ksa-cta:not(#_):hover, .ksa-header .ksa-cta:not(#_):focus-visible {
  border-color: var(--magenta) !important;
  color: var(--magenta) !important;
  box-shadow: 0 4px 14px rgba(179, 53, 138, .18) !important;
  transform: translateY(-1px);
}