<button
  class="relative font-bold border-none rounded-2xl bg-purple-700 pb-1 transform shadow-xl"
>
  <span
    class="relative block border-b border-purple-500 rounded-2xl py-4 px-8 text-white bg-gradient-to-t from-purple-700 to-pink-300 transition-transform ease-[ease] transform -translate-y-1 active:translate-y-0 shadow-[0_10px_20px_rgba(0,0,0,0.2)]"
  >
    Join Today &nbsp; →
    <span
      class="mix-blend-lighten bg-purple-500/50 absolute inset-[3px] rounded-xl shadow-inner"
    ></span>
  </span>
</button>