/* Gradients sourced with much love from https://cesque.com/gaydient/ */

.compose-form__publish-button-wrapper .button,
.ui__header__links .button {
  background-color: unset;
  background: linear-gradient(to right, rgb(255, 0, 128), rgb(200, 37, 157), rgb(140, 71, 153), rgb(68, 46, 159), rgb(0, 50, 160));
  text-shadow:
    #333 1px 0px 4px,
    #333 -1px 0px 4px,
    #333 0px 1px 4px,
    #333 0px -1px 4px,
    #333 1px 1px 4px,
    #333 -1px -1px 4px,
    #333 1px -1px 4px,
    #333 -1px 1px 4px;
}

.compose-form__publish-button-wrapper .button:active,
.compose-form__publish-button-wrapper .button:focus,
.compose-form__publish-button-wrapper .button:hover,
.ui__header__links .button:active,
.ui__header__links .button:focus,
.ui__header__links .button:hover {
  background-color: unset;
  filter: brightness(115%);
}