.posts-info {
  display: flex;
  align-items: center;

  margin: 10px 0;
  gap: 15px;

  &__date {
    align-self: center;

    @media (max-width: $mobile-breakpoint){
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  &__link, .saved-icon {
    @media (max-width: $mobile-breakpoint){
      display: none;
    }
  }

  & .badge {
    & .link {
      color: inherit;
    }

    @media (max-width: $mobile-breakpoint){
      display: none;
    }
  }
}
