.wrap.svelte-jzjbd4 {
  position: relative;
  display: inline-flex;
}

.btn.svelte-jzjbd4 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  overflow: visible;
  isolation: isolate;
  border-radius: 2rem;
}

.overlay.svelte-jzjbd4 {
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 1;
  overflow: visible; /* <- wichtig gegen Clipping */
}

.ring.svelte-jzjbd4 {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible; /* <- wichtig gegen Clipping */
}

.path.svelte-jzjbd4 {
  fill: none;
  vector-effect: non-scaling-stroke;
  stroke: var(--ring-color, var(--neutral-warm-300));
  stroke-width: var(--ring-width, 3px);
  stroke-linecap: round;
  stroke-dasharray: 100 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 240ms cubic-bezier(0.22, 0.9, 0.25, 1);
}

.indeterminate.svelte-jzjbd4 .path:where(.svelte-jzjbd4) {
  transition: none;
  animation: svelte-jzjbd4-snake var(--speed, 2000ms) ease-in-out infinite;
}

@keyframes svelte-jzjbd4-snake {
  0% {
    stroke-dasharray: 0 100;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100 100;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 0 100;
    stroke-dashoffset: -100;
  }
}
.content.svelte-jzjbd4 {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}