@props(['icon', 'label', 'href' => '#'])

<a href="{{ $href }}" class="platform-card platform-card--interactive group flex items-center gap-4 p-4">
    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl" style="background: var(--accent-soft); color: var(--accent);">
        <x-platform.lucide-icon :name="$icon" class="h-5 w-5" />
    </span>
    <span class="text-sm font-medium">{{ $label }}</span>
</a>