.mpf-loading-button { position: relative; pointer-events: none; opacity: .75; }
.mpf-loading-button::after {
  content: ''; display: inline-block; width: 1em; height: 1em; margin-left: .6em;
  vertical-align: -.15em; border: 2px solid currentColor; border-right-color: transparent;
  border-radius: 50%; animation: mpf-spin .7s linear infinite;
}
.mpf-image-loading { background: linear-gradient(90deg,#edf2ed 25%,#f8faf8 37%,#edf2ed 63%); background-size: 400% 100%; animation: mpf-shimmer 1.4s ease infinite; }
@keyframes mpf-spin { to { transform: rotate(360deg); } }
@keyframes mpf-shimmer { to { background-position: -135% 0; } }
@media (prefers-reduced-motion: reduce) { .mpf-loading-button::after,.mpf-image-loading { animation: none; } }