.info-cards {
  display: -ms-grid;
  -ms-grid-columns: 418px 418px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: 4;
  -ms-grid-rows: 1fr 1fr;

  @supports (display: grid) {
    grid-column: 1 / -1;
    display: grid;
    grid-gap: $margin-double;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

.info-text-card {
  @extend %flexbox-row;
  background: $color-blue-100;
  padding: $margin-double;
  color: $color-blue-500;
  border-radius: $border-radius-normal;
  border: 1px solid $color-blue-200;

  .text {
    flex-grow: 1;
  }

  .arrow {
    @extend %flexbox-row;
    align-items: center;
    justify-content: center;
  }

  :last-child {
    margin-bottom: 0;
  }
}