@props([
    'title',
    'description',
    'icon' => null
])
<div class="flex flex-col justify-between p-10 border border-[#262626] h-full">
<div class="flex flex-col space-y-6">
    <img class="h-16 w-16 rounded-md bg-no-repeat bg-contain" src="{{ $icon }}">
    <h1 class="text-xl font-medium text-zinc-200">{{ $title }}</h1>
    <p class="text-zinc-300 text-sm">
    {{ $description }}
    </p>
</div>
<div class="flex justify-center py-2 rounded-md bg-[#262626] text-zinc-200 mt-6">Apply Now</div>
</div>