fixed invisible buttons issue across the website

resources/views/livewire/admin/bookings/pending.blade.php

@@ -195,7 +195,7 @@ new class extends Component
             </flux:field>
 
             @if($dateFrom || $dateTo)
-                <flux:button wire:click="clearFilters" variant="ghost">
+                <flux:button wire:click="clearFilters" variant="outline">
                     {{ __('common.clear') }}
                 </flux:button>
             @endif
@@ -216,7 +216,7 @@ new class extends Component
                             <span class="font-semibold text-zinc-900">
                                 {{ $booking->getClientName() }}
                             </span>
-                            <flux:badge variant="warning" size="sm">
+                            <flux:badge color="amber" size="sm">
                                 {{ $booking->status->label() }}
                             </flux:badge>
                         </div>
@@ -261,7 +261,7 @@ new class extends Component
                         <flux:button
                             wire:click="quickApprove({{ $booking->id }})"
                             wire:confirm="{{ __('admin.confirm_quick_approve') }}"
-                            variant="filled"
+                            variant="outline"
                             size="sm"
                             class="!bg-emerald-600 !text-white hover:!bg-emerald-700"
                         >