move submit button from code to tailwind

app/assets/stylesheets/merged.tailwind.css

@@ -1,2 +1,19 @@
 @import "./tailwind_base.css";
 @import "./merged/tailwind_styles.css";
+
+
+
+@layer components {
+  .button {
+    @apply mr-3 inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500;
+  }
+  .change {
+    @apply bg-cyan-200;
+  }
+  .remove {
+    @apply bg-red-200;
+  }
+  .action {
+    @apply bg-green-200;
+  }
+}

app/assets/stylesheets/merged/merged.css

@@ -1282,6 +1282,37 @@ select {
   margin-bottom: 0;
 }
 
+.button {
+  margin-right: 0.75rem;
+  display: inline-block;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 500;
+}
+
+.change {
+  --tw-bg-opacity: 1;
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
+}
+
+.remove {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+}
+
+.action {
+  --tw-bg-opacity: 1;
+  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
+}
+
 .sr-only {
   position: absolute;
   width: 1px;