make toot button wide, and also rainbow on hover

mastodon/mastodon4.user.css

@@ -1,7 +1,7 @@
 /* ==UserStyle==
 @name           mastodon 4 ui tweaks
 @namespace      mastodon4
-@version        1.0.0
+@version        1.0.1
 @description    fixes the weird spacing on the new mastodon web ui. intended for the advanced user interface, may also work with the single column one.
 @author         xenua
 @license        CNPLv7+
@@ -58,6 +58,11 @@
         padding-bottom: 2px;
     }
     
+    /* speaking of toot button, it might as well be wide */
+    .compose-form__publish-button-wrapper {
+        width: 100%;
+    }
+    
     /* consistent spacing in some ui elements */
     .compose-form, .navigation-bar, .reply-indicator, .search-input, .link-footer {
         padding: 8px;
@@ -68,12 +73,17 @@
         background: rgba(0,0,0,.4) /* default rgba(0,0,0,.6) */
     }
     
+    /* rainbow toot button on hover because you're about to send something incredible */
+    .compose-form__publish-button-wrapper:hover {
+        animation: 4s linear 0s infinite rainbowfade;
+    }
+    
     /* rainbow boost button */
     .icon-button.active i.fa-retweet {
-        animation: 4s linear 0s infinite rainbowrt;
+        animation: 4s linear 0s infinite rainbowfade;
     }
     
-    @keyframes rainbowrt {
+    @keyframes rainbowfade {
         from {
             filter: hue-rotate(0deg) saturate(1) brightness(1.1);
         }
@@ -82,3 +92,4 @@
         }
     }
 }
+