@props([
    'icon' => 'lucide-save',
    'label' => 'Guardar',
    'color' => 'from-orange-700 to-orange-600'
])

<button 
    type="button"
    {{ $attributes->merge(['class' => "mb-3 px-5 py-2.5 bg-gradient-to-r $color hover:opacity-90 text-white text-sm font-bold rounded-xl shadow-md transition-all active:scale-95 flex items-center"]) }}
>
    @if($icon)
        <x-dynamic-component :component="$icon" class="w-4 h-4 mr-2"/>
    @endif
    
    <span>{{ $label }}</span>
</button>