Gradient Sweep Button

<button class="sweep-btn">Get Started →</button>

.sweep-btn {
  padding: 14px 36px;
  border: 0;
  border-radius: 9999px;
  font: 600 14px/1 system-ui, sans-serif;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(120deg, #7c3aed, #a78bfa, #7c3aed);
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position .5s ease, transform .15s ease;
}
.sweep-btn:hover { background-position: 100% 0%; }
.sweep-btn:active { transform: scale(0.97); }