Add styling to links

Author: far1h

resources/views/index.blade.php

@@ -5,7 +5,7 @@
 @section('content')
 <nav class="mb-4">
     <a href="{{ route('tasks.create')}}"
-    class="font-medium text-gray-700 underline decoration-pink-500">Add Task</a>
+    class="link">Add Task</a>
 </nav>
     @forelse ($tasks as $task)
         <div>

resources/views/layouts/app.blade.php

@@ -11,6 +11,9 @@
         .btn {
             @apply rounded-md px-2 py-1 text-center font-medium shadow-sm ring-1 ring-slate-700/10 hover:bg-slate-50 text-slate-700
         }
+        .link {
+            @apply font-medium text-gray-700 underline decoration-pink-500
+        }
     </style>
     @yield('styles')
 </head>

resources/views/show.blade.php

@@ -5,7 +5,7 @@
 @section('content')
     <div class="mb-4">
         <a href="{{ route('tasks.index')}}"
-    class="font-medium text-gray-700 underline decoration-pink-500">← Go back to the task list!</a>
+    class="link">← Go back to the task list!</a>
     </div>
 
     <p class="mb-4 text-slate-700">{{ $task->description }}</p>