mashirozx/mastodon

.status__content .status__content__spoiler-link,
.reply-indicator__content .status__content__spoiler-link,
.status__content__read-more-button {
    background: $cui;
    color: $btt2;
    border-radius: 5px;
}
.status__content__read-more-button:hover,
.status__content .status__content__spoiler-link:hover,
.reply-indicator__content .status__content__spoiler-link:hover {
    background: $cbut;
}
.media-spoiler {
    background-color: $btxt;
    background-image: url(https://cmx.im/strawberry/elephant.png);
    background-position: 0% 100%;
    background-repeat:no-repeat;
    background-size:95% auto;
    opacity: 0.8;
    color: white;
    text-shadow:0 0 10px $btxt;
}

.media-spoiler:hover {
    background-color: $cui;
    background-image: none;
    color: white;
    opacity: 0.7;
}

.media-spoiler .media-spoiler__trigger,
.media-spoiler .media-spoiler__warning {
    background: rgba(170,48,41,.3);
}
.media-spoiler .media-spoiler__trigger {
    padding-bottom: 5px
}
.media-spoiler .media-spoiler__warning {
    padding-top: 5px
}

.status__content__read-more-button {
    margin-top: 0.5em;
    display: inline-block;
    padding: 0px;
    padding: 1px 6px;
}
.status__content__read-more-button:hover {
    text-decoration: none;
}
.status__content.status__content--collapsed {
    max-height: 25em;
    background: linear-gradient(to top, transparent 0%, $ctxt 20%);
    -webkit-background-clip: text;
}
.status__content.status__content--collapsed p {
    color: transparent;
}
.icon-button.overlayed,
.icon-button.overlayed:hover {
    background: rgba(170,48,41,.8);
}