/* Global button fill effect (front-end only) */
.btn-fill {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 999px;
}
.btn-fill > * { position: relative; z-index: 1; }
.btn-fill::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-102%);
  background: linear-gradient(90deg, var(--btn-fill-from, #29c8ff), var(--btn-fill-to, #6a5cff));
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
  z-index: 0;
}
.btn-fill:hover::before,
.btn-fill:focus-visible::before { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .btn-fill::before { display: none; } }