Fix button_to styling for Rails 8.1, add destructive variant

- Extend all selectors to cover button[type="submit"] alongside
  input[type="submit"] — Rails 8.1 generates <button> not <input>
- Add appearance: none / -webkit-appearance: none to kill browser
  native button chrome
- Default hover now matches plain link hover (color: #ff9600)
- Add form.button_to.destructive variant: #cc0000 at rest,
  white-on-red pill on hover
- Usage: form: { class: 'button_to destructive' } in button_to calls

1 files changed, 20 insertions, 4 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index c9ef173..a02bd61 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -123,7 +123,10 @@ form.button_to {
   padding: 0;
 }
 
-form.button_to input[type="submit"] {
+form.button_to input[type="submit"],
+form.button_to button[type="submit"] {
+  -webkit-appearance: none;
+  appearance: none;
   background: none;
   border: none;
   padding: 0;
@@ -131,12 +134,25 @@ form.button_to input[type="submit"] {
   font: inherit;
   color: inherit;
   cursor: pointer;
-  text-decoration: none
+  text-decoration: none;
+}
+
+form.button_to input[type="submit"]:hover,
+form.button_to button[type="submit"]:hover {
+  color: #ff9600;
 }
 
-form.button_to input[type="submit"]:hover {
+form.button_to.destructive input[type="submit"],
+form.button_to.destructive button[type="submit"] {
+  color: #cc0000;
+}
+
+form.button_to.destructive input[type="submit"]:hover,
+form.button_to.destructive button[type="submit"]:hover {
   color: #ffffff;
-  background-color: #ff9600;
+  background-color: #cc0000;
+  border-radius: 2px;
+  padding: 0 3px;
 }
 
 #admin_wizard {