.Nxd-card--products {
  @media not #{$S-only} {
    min-width: 300px;
  }
  height: 91%;

  nav a {
    display: inline-block;
    margin: $unit0 0;
    width: 49%;

    .Vlt-icon {
      margin-right: $unit1;
    }
  }
}

.Nxd-card--product__subtitle {
  margin-bottom: 8px;
}

.Nxd-card__link {
  border-bottom: 1px solid $grey-light;
  color: $black;
  display: block;
  margin-bottom: $unit2;
  padding-bottom: $unit0;
  padding-right: 40px;
  position: relative;

  &:after {
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23C4CDD5%3B%22%20d%3D%22M13.5%2C12l-5.2%2C5.4c-0.3%2C0.4-0.3%2C0.9%2C0%2C1.3c0.3%2C0.3%2C0.9%2C0.4%2C1.2%2C0c0%2C0%2C0%2C0%2C0%2C0L16%2C12L9.5%2C5.3%0A%09c-0.3-0.3-0.9-0.4-1.2%2C0c0%2C0%2C0%2C0%2C0%2C0c-0.3%2C0.4-0.3%2C0.9%2C0%2C1.3L13.5%2C12z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 30px;
    right: 0;
    position: absolute;
    top: -5px;
    width: 25px;
  }

  p {
    color: $grey-darker;
  }

  h5 {
    margin-bottom: $unit0;

    .Vlt-badge {
      margin-left: 5px;
    }
  }

  &:hover {
    color: $grey-darker;

    p {
      color: $grey-dark;
    }

    &:after {
      opacity: 0.5;
    }
  }
}

.Nxd-github-card {
  position: relative;

  @media #{$L-plus} {
    margin-bottom: $unit3;
  }

  span {
    color: $grey-darker;
  }

  &__meta {
    margin-top: $unit2;
    display: block;

    > span {
      margin-right: $unit2;
    }
  }

  &__badge {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}

.Nxd-products-banner {
  text-align: center;

  .Vlt-icon {
    display: block;
    margin: 0 auto $unit1;
  }
}

.Nxd-card {
  width: calc(100% - 280px);

  @media #{$S-only} {
    width: 100%;
  }
}

.Nxd-col-stretch {
  display: flex;
  align-items: stretch;

  .Vlt-card {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }

  .color-text {
    margin-left: 70px;
    padding: 10px;
  }
}


.Vlt-card {
  &__image {
    &--aqua {
      background: linear-gradient(to right, lighten($aqua, 5), darken($aqua, 10));

      .Vlt-card__image__icon svg {
        fill: $aqua;
      }
    }
  }
}

.Nxd-card__cta {
  &.Vlt-grey-dark {
    color: $grey-darker !important;
    fill: $grey-darker !important;
  }

  svg {
    margin-left: 8px;
  }
}