REFACTOR Moving the explore tags component from dynamiques theme to carhop theme

resources/css/blocks/explore-tags.css

@@ -0,0 +1,54 @@
+.explore-tags {
+  @apply bg-carhop-purple-100 py-24 px-4 md:px-12 xl:px-24;
+  &.alignfull {
+    @apply !my-0;
+  }
+  .inner {
+    @apply max-w-screen-2xl mx-auto;
+    @apply lg:flex gap-16 xl:gap-32;
+  }
+
+  &__subtitle {
+    br {
+      display: none;
+    }
+    @screen lg {
+      br {
+        display: block;
+      }
+    }
+  }
+  .tag-list {
+    @apply flex gap-6 flex-wrap;
+
+    &__tag {
+      @apply text-lg font-normal border border-primary p-4 h-fit flex items-center gap-2;
+      svg {
+        transition: transform 0.3s ease-in-out;
+        @apply w-8 h-8;
+        circle {
+          @apply fill-primary stroke-transparent;
+        }
+        path {
+          @apply stroke-white;
+        }
+      }
+      &:hover {
+        @apply bg-primary text-white;
+        svg {
+          transform: rotate(90deg);
+          circle {
+            @apply fill-white;
+          }
+          path {
+            @apply stroke-primary;
+          }
+        }
+      }
+    }
+  }
+}
+
+.is-website-carhop .explore-tags {
+  @apply bg-carhop-orange-50;
+}