/* FP1 PRIMARY BUTTONS V17
   Exact StackOpsOne button colour balance: cyan/ice-blue body with a purple right edge.
   Site-wide primary-button styling only. */

html body .btn-primary,
html body .button-primary {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-color: rgba(150, 229, 255, 0.58) !important;
  background: linear-gradient(135deg, #96e5ff 0%, #67cfff 42%, #8d83ff 100%) !important;
  color: #07111b !important;
  -webkit-text-fill-color: #07111b !important;
  text-shadow: none !important;
  box-shadow: 0 16px 38px rgba(76, 194, 239, 0.23) !important;
  animation: none !important;
}

html body .btn-primary *,
html body .button-primary * {
  color: #07111b !important;
  -webkit-text-fill-color: #07111b !important;
  text-shadow: none !important;
}

html body .btn-primary::after,
html body .button-primary::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -55%;
  width: 44%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.50), transparent);
  transform: rotate(18deg);
  animation: fp1-button-sheen-v17 5.8s linear infinite !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus-visible,
html body .button-primary:hover,
html body .button-primary:focus-visible {
  border-color: rgba(150, 229, 255, 0.82) !important;
  color: #07111b !important;
  -webkit-text-fill-color: #07111b !important;
  box-shadow: 0 18px 44px rgba(76, 194, 239, 0.28) !important;
  filter: brightness(1.04) saturate(1.04);
}

@keyframes fp1-button-sheen-v17 {
  0%, 72% { left: -55%; }
  100% { left: 135%; }
}

@media (prefers-reduced-motion: reduce) {
  html body .btn-primary::after,
  html body .button-primary::after {
    animation: none !important;
    display: none !important;
  }
}