@import '../card';

bb-card.card--variant-2 {
  @include card-base;

  @include desktop-sm-max {
    .card__accordion-box {
      border-top: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  }

  @include desktop-sm-min {
    display: flex;

    bb-image {
      flex: 0 0 293px;
      height: 198px;
    }

    .card__accordion-box {
      flex-grow: 1;
      width: 400px;
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;

      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
  }

}