{{-- Black "sold" star for out-of-stock products. Position it from the caller
     (e.g. class="absolute top-2 right-2"). --}}
<div {{ $attributes->class('z-10 flex h-20 w-22 items-center justify-center text-black') }}>
    <svg viewBox="0 0 87 80" class="absolute inset-0 size-full" fill="currentColor" aria-hidden="true">
        <path d="M56.942,0l2.607,18.642,19.143-3.363L69.468,31.842,87,40,69.468,48.158l9.224,16.563L59.549,61.358,56.942,80,43.5,66.4,30.058,80,27.451,61.358,8.308,64.721l9.224-16.563L0,40l17.532-8.158L8.308,15.279l19.143,3.363L30.058,0,43.5,13.6Z"/>
    </svg>
    <span class="relative text-base italic font-black text-white uppercase">{{ __('storefront.product.sold') }}</span>
</div>