This is the css used to transfor the publishbutton on mastodon 4.x to a toot button

toot.css

@@ -0,0 +1,76 @@
+a[href="/publish"] {
+    visibility: hidden;
+}
+
+a[href="/publish"]:after {
+    content: 'TOOT!';
+    visibility: visible;
+    text-rendering: optimizelegibility;
+    font-feature-settings: "kern";
+    text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    margin: 0;
+    font: inherit;
+    vertical-align: baseline;
+    background-color: #595aff;
+    border: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-family: inherit;
+    font-size: 15px;
+    font-weight: 500;
+    letter-spacing: 0;
+    line-height: 22px;
+    overflow: hidden;
+    padding: 7px 18px;
+    position: relative;
+    text-align: center;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: auto;
+    flex: 0 0 auto;
+}
+
+.button.button--block {
+    visibility: hidden;
+}
+
+.button.button--block:after {
+    content: 'TOOT!';
+    visibility: visible;
+    font-feature-settings: "kern";
+    text-size-adjust: none;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    pointer-events: auto;
+    background-color: #595aff;
+    border: 10px;
+    border-radius: 4px;
+    box-sizing: border-box;
+    color: #fff;
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 15px;
+    font-weight: 500;
+    letter-spacing: 0;
+    line-height: 22px;
+    overflow: hidden;
+    padding: 7px 18px;
+    position: relative;
+    text-align: center;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+    width: 100%;
+}
+    box-sizing: border-box;
+    cursor: pointer;
+    font-weight: 500;
+    outline: 0;
+    margin-bottom: 10px;
+    margin-right: 0;
+}