FETAURE styling base cat buttons

resources/css/base/buttons.css

@@ -3,4 +3,40 @@
   @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 {
+  }
+
+  &--has-icon {
+    @apply flex items-center gap-4;
+
+    svg {
+      @apply w-6;
+
+      rect,
+      polyline {
+        @apply stroke-primary;
+        stroke-width: 3;
+      }
+    }
+  }
+}