@props(['href' => null])
<a href="{{ $href ?? route('dashboard') }}" {{ $attributes->merge(['class' => 'group inline-flex items-center gap-2.5']) }}>
    <span class="grid h-9 w-9 place-items-center rounded-xl text-white shadow-lg transition group-hover:scale-105"
          style="background-image:linear-gradient(135deg,var(--color-primary-strong),var(--color-accent-strong));box-shadow:0 8px 22px -10px var(--color-primary)">
        <x-icon name="zap" :size="18" :stroke="2.25" />
    </span>
    <span class="font-display text-lg font-bold tracking-tight">Study<span class="text-gradient">Flash</span></span>
</a>