@props(['name', 'icon'])
<button {{ $attributes->merge(['class' => 'px-3 py-2 duration-300 rounded-lg md:px-4 md:py-2 text-sm md:text-md']) }}>
    <i class="{{ $icon }}"></i>
    <span>{{ $name }}</span>
</button>