<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center justify-center gap-2 rounded-xl border-2 border-teal-500 bg-white/80 px-5 py-2.5 text-sm font-semibold text-teal-700 shadow-sm transition duration-200 hover:border-teal-600 hover:bg-teal-50 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-teal-400 focus:ring-offset-2 active:scale-95 dark:border-teal-400 dark:bg-slate-800/80 dark:text-teal-200 dark:hover:bg-teal-950/50 dark:focus:ring-offset-slate-900 disabled:opacity-40']) }}>
    {{ $slot }}
</button>
