/* Ladezustand geschützter E-Mail-Links */
.pw-protected-email.is-loading {
  cursor: progress;
  pointer-events: none;
}

/* Pfeil-Button: Kreisrand wird zum drehenden Bogen */
.pw-protected-email.is-loading .pw-arrow-btn__circle {
  border-color: transparent;
}

.pw-protected-email.is-loading .pw-arrow-btn__circle::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: pw-email-spin 0.8s linear infinite;
}

.pw-protected-email.is-loading .pw-arrow-btn__arrow {
  opacity: 0.3;
}

/* Textlinks und Buttons: kleiner Kreis hinter dem Text */
.pw-protected-email.is-loading:not(.pw-arrow-btn)::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.5em;
  vertical-align: -0.1em;
  border: 1.5px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: pw-email-spin 0.8s linear infinite;
}

@keyframes pw-email-spin {
  to { transform: rotate(360deg); }
}

@keyframes pw-email-pulse {
  50% { opacity: 0.3; }
}

/* Reduzierte Bewegung: pulsieren statt drehen */
@media (prefers-reduced-motion: reduce) {
  .pw-protected-email.is-loading .pw-arrow-btn__circle::after,
  .pw-protected-email.is-loading:not(.pw-arrow-btn)::after {
    animation: pw-email-pulse 1.2s ease-in-out infinite;
  }
}