/* BUTTON: Publish -> Toot */

.compose-form__publish-button-wrapper .button {
    visibility: hidden;
}

.compose-form__publish-button-wrapper .button::after {
    content:'Tröt!'; 
    visibility: visible;
    background-color: #595aff;
    opacity: 0.85;
    border: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* font-family: inherit; */
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    padding: 7px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compose-form__publish-button-wrapper .button:hover::after {
    opacity: 1;
}

.button {
    background: #6364ff !important;
    opacity: 0.85;
    color: #fff;
}

.button:hover {
    background: #6364ff;
    opacity: 1;
    color: #fff;
}