@props([
    'icon' => '🚀',
    'title' => 'تسليم سريع',
    'description' => 'نضمن التسليم في الوقت المحدد مع أعلى معايير الجودة.',
])

<div {{ $attributes->merge(['class' => 'flex gap-4 p-5 bg-dark/60 backdrop-blur-sm border border-gray-light/20 rounded-xl transition-all duration-300 hover:border-primary/30 hover:-translate-x-1']) }}>
    <div class="flex-shrink-0 w-12 h-12 rounded-lg bg-primary/15 border border-primary/30 flex items-center justify-center text-2xl">
        {{ $icon }}
    </div>
    <div>
        <h4 class="text-base font-bold text-white mb-1">{{ $title }}</h4>
        <p class="text-gray-light text-sm leading-relaxed">{{ $description }}</p>
    </div>
</div>