@props([
'title',
'shortDesc',
'url'
])

<div class="mt-5 d-block mb-3">
    <div class="d-flex align-items-center gap-5">
        <div>
            <h2 class="text-dark mb-1">{{$title}}</h2>
            <p class="text-muted m-0">{{$shortDesc}}</p>
        </div>

        @if(!blank($url))
        <a href="{{url($url)}}" class="btn-cta fill">{{'New'}}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="currentColor" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 4V20M20 12H4"></path>
            </svg></a>
        @endif
    </div>
</div>