Custom CSS to go from "Publish" to "Toot!" in Mastodon V4

toot!.css

/*

Instructions:
Place at instance.domain/admin/settings/appearance.

Changelog:
- V1:
-- initial release
- V1.1:
-- added support for the top bar button

*/

.ui__header__links [href="/publish"] span {
  display:none;
}

.compose-form__publish-button-wrapper .button {
  display: flex;
  font-size: 0;
}

.compose-form__publish-button-wrapper .button::after,
.ui__header__links [href="/publish"]::after {
  content: ' Toot!';
  font-size: 1rem;
  display: block;
}