@props(['title' => '', 'link' => '#', 'icon' => '', 'iconcolor' => 'text-indigo-500'])

<a href="{{ $link }}"
   class="relative group bg-white rounded-3xl shadow-lg overflow-hidden transform transition-all duration-500 hover:scale-105">

    <!-- 💎 Inner Content -->
    <div class="relative z-10 flex flex-col items-center justify-center py-12 px-6 h-full">
        <i class="{{ $icon }} text-5xl mb-3 {{ $iconcolor }} drop-shadow-lg group-hover:scale-110 transition-transform duration-300"></i>
        <p class="text-lg font-semibold text-gray-900 text-center">{{ $title }}</p>
    </div>
</a>