<a
        href="/action"
        class="flex items-center group"
        aria-label="Zur Aktionsseite"
>
    <div class="relative flex items-center justify-center mr-2">
        <span class="absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75 animate-ping"></span>
        <span class="relative inline-flex rounded-full h-2 w-2 bg-red-500"></span>
    </div>

    <span class="
    relative pb-0.5 text-sm font-semibold text-red-600 group-hover:text-red-700 transition-colors
    after:content-[''] after:absolute after:bottom-0 after:left-0
    after:h-[1.5px] after:w-full after:bg-red-600
    after:origin-center after:scale-x-0 after:transition-transform after:duration-500 after:ease-in-out
    group-hover:after:scale-x-100
  ">
    Action: 20% Rabatt
  </span>
</a>
