.status__content--with-action {
  cursor: pointer;
}

.status__content {
  position: relative;
  padding-top: 2px;
  color: $primary-text-color;

  @include text-overflow(normal, break-word);
  @include text-sizing(14px, 400, 20px);
  @include horizontal-padding(10px);

  &:focus {
    outline: 0;
  }

  &.status__content--with-spoiler {
    white-space: normal;

    .status__content__text {
      white-space: pre-wrap;
    }
  }

  .emojione {
    margin: -3px 0 0;

    @include size(20px);
  }

  p {
    margin-bottom: 20px;
    white-space: pre-wrap;

    &:last-child {
      margin-bottom: 2px;
    }
  }

  a {
    color: $gab-brand-default;
    text-decoration: none;

    &:hover {
      text-decoration: underline;

      .fa {
        color: lighten($dark-text-color, 7%);
      }
    }

    &.mention {
      &:hover {
        text-decoration: none;

        span {
          text-decoration: underline;
        }
      }
    }

    .fa {
      color: $dark-text-color;
    }
  }

  .status__content__spoiler-link {
    background: $action-button-color;

    &:hover {
      background: lighten($action-button-color, 7%);
      text-decoration: none;
    }

    &::-moz-focus-inner {
      border: 0;
    }

    &::-moz-focus-inner,
    &:focus,
    &:active {
      outline: 0 !important;
    }
  }

  .status__content__text {
    display: none;

    &.status__content__text--visible {
      display: block;
    }
  }
}

.status__content.status__content--collapsed {
  max-height: 20px * 15; // 15 lines is roughly above 500 characters
}

.status__content__read-more-button {
  display: block;
  color: $gab-brand-default;
  border: 0;
  background: transparent;
  padding: 8px 0 0 0;
  margin-left: 10px;

  @include text-sizing(15px, 400, 20px);

  &:hover,
  &:active {
    text-decoration: underline;
  }
}

.status__content__spoiler-link {
  display: inline-block;
  border-radius: 2px;
  background: transparent;
  border: 0;
  color: $inverted-text-color;
  padding: 0 6px;
  text-transform: uppercase;
  cursor: pointer;
  vertical-align: middle;

  @include text-sizing(11px, 700, 20px);
}