@props(['route', 'name', 'button' => false])
@if ($button == true)
    <button
        class="w-auto h-[44px] cursor-pointer max-[370px]:px-[8px] max-[370px]:h-[31px] max-[950px]:px-[12px] max-[950px]:py-[5px] px-6 py-3 bg-[#FF9E1B] rounded-full flex items-center gap-[10px] hover:bg-[#F88F00] hover:shadow-[0px_10px_20px_0px_rgba(81,47,1,0.2)]"
        wire:click="$dispatch('{{ $route }}')">
        <span class="text-base font-mulish font-medium text-white max-[950px]:hidden">{{ __($name) }}</span>
        <x-svg.plus class="max-[950px]:w-[20px] max-[950px]:h-[20px]" />
    </button>
@else
    <a class="w-auto h-[44px] cursor-pointer max-[370px]:px-[8px] max-[370px]:h-[31px] max-[950px]:px-[12px] max-[950px]:py-[5px] px-6 py-3 bg-[#FF9E1B] rounded-full flex items-center gap-[10px] hover:bg-[#F88F00] hover:shadow-[0px_10px_20px_0px_rgba(81,47,1,0.2)]"
        href="{{ route($route) }}">
        <span class="text-base font-mulish font-medium text-white max-[950px]:hidden">{{ __($name) }}</span>
        <x-svg.plus class="max-[950px]:w-[20px] max-[950px]:h-[20px]" />
    </a>
@endif