/* 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(0, 0, 0), rgb(54, 35, 18), rgb(120, 79, 23), rgb(181, 63, 27), rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 48%, rgb(241, 235, 27), rgb(241, 235, 27) 52%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
  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%);
}