Glowing Neon CTA Button with Icon

<a href="#"
  style="--glow-color: rgb(217, 176, 255); --glow-spread-color: rgba(191, 123, 255, 0.781); --enhanced-glow-color: rgb(231, 206, 255); --btn-color: rgb(100, 61, 136); border: .25em solid var(--glow-color); padding: 1em 3em; color: var(--glow-color); font-size: 15px; font-weight: bold; background-color: var(--btn-color); border-radius: 1em; box-shadow: 0 0 1em .25em var(--glow-color), 0 0 4em 1em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color); text-shadow: 0 0 .5em var(--glow-color); position: relative; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;"
  onmouseover="this.style.color='var(--btn-color)'; this.style.backgroundColor='var(--glow-color)'; this.style.boxShadow='0 0 1em .25em var(--glow-color), 0 0 4em 2em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color)'"
  onmouseout="this.style.color='var(--glow-color)'; this.style.backgroundColor='var(--btn-color)'; this.style.boxShadow='0 0 1em .25em var(--glow-color), 0 0 4em 1em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color)'"
  onmousedown="this.style.boxShadow='0 0 0.6em .25em var(--glow-color), 0 0 2.5em 2em var(--glow-spread-color), inset 0 0 .5em .25em var(--glow-color)'"
  onmouseup="this.style.boxShadow='0 0 1em .25em var(--glow-color), 0 0 4em 2em var(--glow-spread-color), inset 0 0 .75em .25em var(--glow-color)'"
  class="tracking-tight font-geist" id="get-started">
  Start free trial
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-right"
    class="lucide lucide-arrow-right w-4 h-4">
    <path d="M5 12h14" class=""></path>
    <path d="m12 5 7 7-7 7" class=""></path>
  </svg>
</a>