applied hover component relating other pages

resources/views/components/show/accordion/head.blade.php

@@ -1,8 +1,6 @@
 <div>
     <h2 class="lg:text-lg font-medium text-black">
-        <span class="border-b border-transparent transition-all group-hover:border-black">
-            {{ $title }}
-        </span>
+        <x-text.hover text="{{ $title }}" color="to-black" />   
     </h2>
 
     @if (! empty($description))

resources/views/components/show/no-records.blade.php

@@ -22,8 +22,8 @@
         @if (! empty($button) && $button->isNotEmpty())
             {!! $button !!}
         @else
-            <a href="{!! $url !!}" class="border-b border-transparent transition-all hover:border-white">
-                {{ $textAction }}
+            <a href="{!! $url !!}">
+                <x-text.hover text="{{ $textAction }}" color="to-white" />  
             </a>
         @endif
     </div>