.popupCard {
  display: grid;
  grid-template-columns: 8rem 2fr;
  gap: 1rem;
  padding-top: 16px;
  border-top: 1px solid #a5bcf0;

  @include min(tablet) {
    flex-direction: row;
    padding: 16px 0;
  }

  @include max(tablet) {
    width: 100%;
  }

  .imgContainer {
    width: 8rem;
    min-width: 8rem;
    grid-column: 1/2;
    grid-row: 1/2;
    @include flex-direction(column);
    @include flex-align(center, center);

    @include min(tablet) {
      min-width: 9.8rem;
      width: 9.8rem;
      height: 9.8rem;
    }

    > img {
      width: 100%;
      height: 100%;
      border-radius: 0.4rem;
      object-fit: contain;
    }
  }
  .tandc{
    grid-row: 3/4;
    grid-column: 1/3;
    margin-bottom: 2rem;
  }

  .buttonContainer {
    margin-left: 3rem;
    grid-column: 1/3;
    grid-row: 2/3;

    @include max(mobile) {
      width: 100%;
      margin: 1.6rem 0;

      a {
        width: 100%;
      }
    }

    a {
      border-radius: 4px;
      font-weight: 700;
      font-size: 1.8rem;
    }
  }
  @include min(tablet){
    grid-template-columns: 9.8rem 2fr 1fr;
    .buttonContainer {
      @include flex-direction(row);
      @include flex-align(center, end);
      grid-column: 3/4;
      grid-row: 1/2;
    }
  }
}
