diff --git a/resources/views/components/index/summary.blade.php b/resources/views/components/index/summary.blade.php
index 111db7b51..075238924 100644
--- a/resources/views/components/index/summary.blade.php
+++ b/resources/views/components/index/summary.blade.php
@@ -4,12 +4,24 @@
     @elseif (! empty($items))
         @foreach ($items as $item)
             <div @class(['w-1/2 sm:w-1/3 text-center'])>
+                @php
+                    $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if (! empty($item['tooltip']))
                     <x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
                         @if (! empty($item['href']))
-                        <x-link href="{{ $item['href'] }}" class="group" override="class">
-                        @endif
-                            @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
+                            <x-link href="{{ $item['href'] }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                                    {!! $item['amount'] !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $item['title'] !!}
+                                </span>
+                            </x-link>
+                        @else
                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
                                 {!! $item['amount'] !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -18,15 +30,21 @@
                             <span class="font-light mt-3">
                                 {!! $item['title'] !!}
                             </span>
-                        @if (! empty($item['href']))
-                        </x-link>
                         @endif
                     </x-tooltip>
                 @else
                     @if (! empty($item['href']))
-                    <x-link href="{{ $item['href'] }}" class="group" override="class">
-                    @endif
-                        @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
+                        <x-link href="{{ $item['href'] }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                                {!! $item['amount'] !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $item['title'] !!}
+                            </span>
+                        </x-link>
+                    @else
                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
                             {!! $item['amount'] !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -35,8 +53,6 @@
                         <span class="font-light mt-3">
                             {!! $item['title'] !!}
                         </span>
-                    @if (! empty($item['href']))
-                    </x-link>
                     @endif
                 @endif
             </div>
@@ -46,13 +62,24 @@
             {!! $first !!}
         @elseif (! empty($first))
             <div class="w-1/2 sm:w-1/3 text-center">
+                @php
+                    $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if ($first->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
-                    
                         @if ($first->attributes->has('href'))
-                        <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                            <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
+                                    {!! $first->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $first->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
                                 {!! $first->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -61,16 +88,21 @@
                             <span class="font-light mt-3">
                                 {!! $first->attributes->get('title') !!}
                             </span>
-                        @if ($first->attributes->has('href'))
-                        </x-link>
                         @endif
-
                     </x-tooltip>
                 @else
                     @if ($first->attributes->has('href'))
-                    <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                        <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
+                                {!! $first->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $first->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
                             {!! $first->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -79,8 +111,6 @@
                         <span class="font-light mt-3">
                             {!! $first->attributes->get('title') !!}
                         </span>
-                    @if ($first->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>
@@ -96,13 +126,24 @@
             {!! $second !!}
         @elseif (! empty($second))
             <div class="w-1/2 sm:w-1/3 text-center">
+                @php
+                    $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if ($second->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
-
                         @if ($second->attributes->has('href'))
-                        <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                            <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
+                                    {!! $second->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $second->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
                                 {!! $second->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -111,17 +152,21 @@
                             <span class="font-light mt-3">
                                 {!! $second->attributes->get('title') !!}
                             </span>
-
-                        @if ($second->attributes->has('href'))
-                        </x-link>
                         @endif
-
                     </x-tooltip>
                 @else
                     @if ($second->attributes->has('href'))
-                    <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                        <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
+                                {!! $second->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $second->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
                             {!! $second->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -130,9 +175,6 @@
                         <span class="font-light mt-3">
                             {!! $second->attributes->get('title') !!}
                         </span>
-
-                    @if ($second->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>
@@ -148,13 +190,24 @@
             {!! $third !!}
         @elseif (! empty($third))
             <div class="w-1/2 sm:w-1/3 text-center">
+                @php
+                    $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if ($third->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
-
                         @if ($third->attributes->has('href'))
-                        <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                            <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
+                                    {!! $third->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $third->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
                                 {!! $third->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -163,16 +216,21 @@
                             <span class="font-light mt-3">
                                 {!! $third->attributes->get('title') !!}
                             </span>
-                        @if ($third->attributes->has('href'))
-                        </x-link>
                         @endif
-
                     </x-tooltip>
                 @else
                     @if ($third->attributes->has('href'))
-                    <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
+                        <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
+                                {!! $third->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $third->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
                             {!! $third->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -181,11 +239,9 @@
                         <span class="font-light mt-3">
                             {!! $third->attributes->get('title') !!}
                         </span>
-                    @if ($third->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>
         @endif
     @endif
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/components/show/summary/right.blade.php b/resources/views/components/show/summary/right.blade.php
index 45d4ee4e0..1276e4fe2 100644
--- a/resources/views/components/show/summary/right.blade.php
+++ b/resources/views/components/show/summary/right.blade.php
@@ -4,10 +4,37 @@
     @elseif (! empty($items))
         @foreach ($items as $item)
             <div @class(['w-1/2 sm:w-1/3 text-center'])>
+                @php
+                    $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if (! empty($item['tooltip']))
                     <x-tooltip id="tooltip-summary-{{ $loop->index }}" placement="top" message="{!! $item['tooltip'] !!}">
+                        @if (! empty($item['href']))
+                            <x-link href="{{ $item['href'] }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                                    {!! $item['amount'] !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $item['title'] !!}
+                                </span>
+                            </x-link>
+                        @else
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                                {!! $item['amount'] !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $item['title'] !!}
+                            </span>
+                        @endif
+                    </x-tooltip>
+                @else
+                    @if (! empty($item['href']))
                         <x-link href="{{ $item['href'] }}" class="group" override="class">
-                            @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
                             <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
                                 {!! $item['amount'] !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -17,10 +44,7 @@
                                 {!! $item['title'] !!}
                             </span>
                         </x-link>
-                    </x-tooltip>
-                @else
-                    <x-link href="{{ $item['href'] }}" class="group" override="class">
-                        @php $text_color = (! empty($item['text_color'])) ? $item['text_color'] : 'text-purple group-hover:text-purple-700'; @endphp
+                    @else
                         <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
                             {!! $item['amount'] !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
@@ -29,7 +53,7 @@
                         <span class="font-light mt-3">
                             {!! $item['title'] !!}
                         </span>
-                    </x-link>
+                    @endif
                 @endif
             </div>
         @endforeach
@@ -38,14 +62,25 @@
             {!! $first !!}
         @elseif (! empty($first))
             <div class="w-1/2 sm:w-1/3 text-center">
+                @php
+                    $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if ($first->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-first" placement="top" message="{!! $first->attributes->get('tooltip') !!}">
-
                         @if ($first->attributes->has('href'))
-                        <x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                            <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
+                                    {!! $first->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $first->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
                                 {!! $first->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                             </div>
@@ -53,17 +88,22 @@
                             <span class="font-light mt-3">
                                 {!! $first->attributes->get('title') !!}
                             </span>
-                        @if ($first->attributes->has('href'))
-                        </x-link>
                         @endif
-
                     </x-tooltip>
                 @else
                     @if ($first->attributes->has('href'))
-                    <x-link href="{{ $first->attributes->get('hef') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $first->attributes->has('text-color') ? $first->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                        <x-link href="{{ $first->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
+                                {!! $first->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $first->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
+                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $first->attributes->get('class')])>
                             {!! $first->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                         </div>
@@ -71,8 +111,6 @@
                         <span class="font-light mt-3">
                             {!! $first->attributes->get('title') !!}
                         </span>
-                    @if ($first->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>
@@ -88,14 +126,25 @@
             {!! $second !!}
         @elseif (! empty($second))
             <div class="w-1/2 sm:w-1/3 text-center">
+                @php
+                    $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700';
+                @endphp
+
                 @if ($second->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-second" placement="top" message="{!! $second->attributes->get('tooltip') !!}">
-
                         @if ($second->attributes->has('href'))
-                        <x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                            <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
+                                    {!! $second->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $second->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
                                 {!! $second->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                             </div>
@@ -103,17 +152,22 @@
                             <span class="font-light mt-3">
                                 {!! $second->attributes->get('title') !!}
                             </span>
-                        @if ($second->attributes->has('href'))
-                        </x-link>
                         @endif
-
                     </x-tooltip>
                 @else
                     @if ($second->attributes->has('href'))
-                    <x-link href="{{ $second->attributes->get('hef') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $second->attributes->has('text-color') ? $second->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                        <x-link href="{{ $second->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
+                                {!! $second->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $second->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
+                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $second->attributes->get('class')])>
                             {!! $second->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                         </div>
@@ -121,8 +175,6 @@
                         <span class="font-light mt-3">
                             {!! $second->attributes->get('title') !!}
                         </span>
-                    @if ($second->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>
@@ -141,10 +193,18 @@
                 @if ($third->attributes->has('tooltip'))
                     <x-tooltip id="tooltip-summary-third" placement="top" message="{!! $third->attributes->get('tooltip') !!}">
                         @if ($third->attributes->has('href'))
-                        <x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class">
-                        @endif
-                            @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                            <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
+                                <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
+                                    {!! $third->attributes->get('amount') !!}
+                                    <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                                </div>
+
+                                <span class="font-light mt-3">
+                                    {!! $third->attributes->get('title') !!}
+                                </span>
+                            </x-link>
+                        @else
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
                                 {!! $third->attributes->get('amount') !!}
                                 <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                             </div>
@@ -152,16 +212,22 @@
                             <span class="font-light mt-3">
                                 {!! $third->attributes->get('title') !!}
                             </span>
-                        @if ($third->attributes->has('href'))
-                        </x-link>
                         @endif
                     </x-tooltip>
                 @else
                     @if ($third->attributes->has('href'))
-                    <x-link href="{{ $third->attributes->get('hef') }}" class="group" override="class">
-                    @endif
-                        @php $text_color = $third->attributes->has('text-color') ? $third->attributes->get('text-color') : 'text-purple group-hover:text-purple-700'; @endphp
-                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2'])>
+                        <x-link href="{{ $third->attributes->get('href') }}" class="group" override="class">
+                            <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
+                                {!! $third->attributes->get('amount') !!}
+                                <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
+                            </div>
+
+                            <span class="font-light mt-3">
+                                {!! $third->attributes->get('title') !!}
+                            </span>
+                        </x-link>
+                    @else
+                        <div @class(['relative text-xl sm:text-6xl', $text_color, 'mb-2', $third->attributes->get('class')])>
                             {!! $third->attributes->get('amount') !!}
                             <span class="w-8 absolute left-0 right-0 m-auto -bottom-1 bg-gray-200 transition-all group-hover:bg-gray-900" style="height: 1px;"></span>
                         </div>
@@ -169,8 +235,6 @@
                         <span class="font-light mt-3">
                             {!! $third->attributes->get('title') !!}
                         </span>
-                    @if ($third->attributes->has('href'))
-                    </x-link>
                     @endif
                 @endif
             </div>