.trade-offers {

  .card {
    @include make-col-ready;
    @include make-col(6);

    @include media-breakpoint-down(sm) {
      @include make-col(12);
    }

    .card__title-link {
      text-decoration: none;
      color: $black;

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

    .card__title {
      margin-bottom: 15px;
      text-align: left;

      @include media-breakpoint-down(md) {
        margin-bottom: 6px;
        font-size: 1rem;
      }
    }

    .card__descr {
      margin-bottom: 10px;
      line-height: 1.25rem;

      @include media-breakpoint-down(md) {
        margin-bottom: 6px;
      }
    }
  }

  .link-primary {
    font-size: 1rem;
  }
}