Submit to Loading

Button morphs into a loading spinner.

.btn-load { padding:12px 32px; background:#8b5cf6; color:white; border:none; border-radius:8px; cursor:pointer; min-width:120px; transition:all 0.3s; }
.btn-load.loading { width:48px; min-width:48px; padding:12px; border-radius:50%; pointer-events:none; }
.btn-load.loading::after { content:""; display:block; width:20px; height:20px; border:2px solid white; border-top-color:transparent; border-radius:50%; animation:lspin 0.6s linear infinite; margin:0 auto; }
@keyframes lspin { to { transform:rotate(360deg); } }