moving HTML elements from components directory

src/resources/css/elements/buttons.css

@@ -0,0 +1,23 @@
+.button {
+    @apply inline-grid grid-flow-col auto-cols-max gap-x-2 items-center;
+}
+
+.button-primary {
+    @apply border-blue-300 bg-gradient-to-br from-blue-400 to-blue-700;
+}
+
+.button-secondary {
+    @apply border-indigo-300 bg-gradient-to-br from-indigo-400 to-indigo-700;
+}
+
+.button-tertiary {
+    @apply border-blue-300 bg-gradient-to-br from-green-400 to-blue-500;
+}
+
+.button-success {
+    @apply border-green-300 bg-gradient-to-br from-green-400 to-green-700;
+}
+
+.button-danger {
+    @apply border-red-300 bg-gradient-to-br from-red-400 to-red-700;
+}