@props(['name', 'icon'])
<button {{ $attributes }}
    class="px-2 py-1 text-white duration-300 rounded-lg bg-secondary md:px-4 md:py-2 hover:bg-secondary-variant">
    <i class="{{ $icon }}"></i>
    <span>{{ $name }}</span>
</button>
