button animated change component..

resources/views/components/modules/items.blade.php

@@ -10,11 +10,11 @@
 
         @if ($attributes->has('route'))
             <div class="flex justify-center items-center group">
-                <a href="{{ route($attributes->get('route')) }}">
-                    <x-link.hover  group-hover>
+                <x-link href="{{ route($attributes->get('route')) }}" class="bg-transparent" override="class">
+                    <x-link.hover group-hover>
                         {{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}
                     </x-link.hover>
-                </a>
+                </x-link>
 
                 <i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>
             </div>