@props([
    'href' => null,
    'title' => null,
    'image' => null
])

<a
    href="{{ $href }}"
    title="{{ $title }}"
    class="btn aspect-square relative bg-grey-200 bg-cover bg-center rounded-sm shadow-md text-ellipsis overflow-hidden"
    style='background-image: url({{ $image??'' }})'
>
    <div class="absolute inset-0 bg-gradient-to-t from-black/60 flex justify-center items-center">
        <h3 class="h5 md:h4 lg:h5 xl:h4">{{ $title }}</h3>
    </div>
</a>