Add button to showcase

frontend/components/home/ProductsShowcase.vue

@@ -92,7 +92,6 @@ onUnmounted(() => {
                 :to="slide.link"
                 class="showcase-slide origin-bottom absolute size-full bg-transparent flex items-center justify-center"
             >
-
                 <NuxtImg
                     class="w-[280px] xs:w-[350px] lg:w-[500px] xl:w-[650px] z-20 mb-30 sm:mb-20 lg:mb-30"
                     :src="slide.image"
@@ -101,7 +100,7 @@ onUnmounted(() => {
                     }"
                     alt=""
                 />
-                <div class="flex flex-col items-center justify-center gap-4 text-center absolute z-20 mt-20">
+                <div class="flex flex-col items-center justify-center gap-6 text-center absolute z-20 mt-20">
                     <span class="text-white typo-h-6 sm:typo-h-5 lg:typo-h-4 xl:typo-h-3">
                         {{ slide.title }}
                     </span>
@@ -110,8 +109,9 @@ onUnmounted(() => {
                     </p>
                     <NuxtLink :to="slide.link">
                         <Button
+                            variant="primary"
                             end-icon="ci:arrow-left"
-                            class="mt-6 invert max-sm:hidden max-lg:typo-label-xs px-12 rounded-full hover:bg-transparent"
+                            class="mt-4 max-sm:hidden max-lg:typo-label-xs px-12 rounded-full hover:bg-transparent"
                         >
                             مشاهده دسته بندی
                         </Button>