.business-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid $txt-color-sec;
  min-height: 100px;
  padding: 2px 15px 10px 0;
  &-list {
    border-top: 1px solid $txt-color-sec;
    margin-left: auto;
    margin-right: auto;
  }

  &__date {
    flex-direction: column;
    width: 150px;
    color: $blue;
  }

  &__title {
    transition: all 250ms;
  }

  &__content {
    // padding-left: 30px;
    &__short-desc {
      white-space: pre-line;
      text-align: left !important;
      p {
        text-align: left !important;
      }
    }
  }

  &__link {
    color: $blue;
  }
  &:hover {
    .business-item__title {
      color: $blue;
      transform: translateX(7px);
    }
  }
  @media (max-width: 500px) {
    &__date {
      min-width: 85px;
      width: 85px;
    }
  }
}