rose dryad - fairy glow hover

HTML:

<a href="#" class="fairy-glow">enter the grove</a>

CSS:

.fairy-glow {
  color: #7c5cff; /* base text color */
  text-shadow: 0 0 4px rgba(180,160,255,0.5);
  transition: text-shadow 0.3s ease, color 0.3s ease;
}

.fairy-glow:hover {
  color: #cbb8ff; /* hover text color */
  text-shadow:
    0 0 6px #cbb8ff, /* inner glow */
    0 0 12px #a78bfa; /* outer glow */
}

Fairy Glow Hover