@props([
    'color' => 'green-400',
    'hover' => 'green-500'
    
    ]
)
<x-button {{ $attributes->merge(['class' => 'bg-'.$color.' hover:bg-'.$hover.' text-white font-bold py-2 px-4 rounded my-3']) }}>{{ $slot }}</x-button>