MOVING the files

resources/css/components/buttons.css

@@ -0,0 +1,55 @@
+.wp-block-button__link {
+  border-radius: 0px;
+  @apply border-primary border bg-transparent text-primary;
+}
+
+.cta {
+  @apply block w-fit px-6 py-3;
+  &--classic {
+    @apply border-primary border bg-transparent text-primary;
+
+    &:hover {
+      @apply bg-primary text-white;
+      svg rect,
+      svg polyline {
+        @apply !stroke-white;
+      }
+    }
+  }
+  &--rounded {
+    @apply rounded-full;
+  }
+  &--primary {
+    @apply border-primary border bg-primary text-white;
+  }
+
+  &--mailing {
+  }
+
+  &--go {
+    @apply bg-transparent filter-primary border-none px-0 py-6;
+
+    img {
+      @apply w-24;
+      transition: transform 0.3s ease-in-out;
+    }
+
+    &:hover img {
+      @apply translate-x-2;
+    }
+  }
+
+  &--has-icon {
+    @apply flex items-center gap-4;
+
+    svg {
+      @apply w-6;
+
+      rect,
+      polyline {
+        @apply stroke-primary;
+        stroke-width: 3;
+      }
+    }
+  }
+}

resources/css/libs/swiper.css

@@ -0,0 +1,36 @@
+:root {
+  --swiper-pagination-bullet-border-radius: 0;
+  --swiper-pagination-bullet-height: 2px;
+  --swiper-pagination-bullet-width: 100%;
+  --swiper-pagination-bullet-horizontal-gap: 0px;
+  --swiper-theme-color: var(
+    --wp--preset--color--primary
+  ) !important;
+  --swiper-pagination-color: var(
+    --color-primary
+  ) !important;
+}
+
+.swiper-pagination {
+  @apply h-fit flex gap-12 !static mt-12;
+  top: unset !important;
+  bottom: 0px !important;
+  z-index: 100 !important;
+}
+
+.swiper-pagination-bullet {
+  @apply bg-primary w-full;
+}
+
+.swiper-controls {
+  @apply flex justify-start gap-6 pt-12 static;
+  .swiper-button-next,
+  .swiper-button-prev {
+    @apply static block border border-primary p-12  rounded-full;
+    &:after {
+      @apply left-1/2 top-1/2 block  w-fit;
+
+      transform: translate(-50%, -50%);
+    }
+  }
+}