// Terms of this Test cards

.grid-testterms {
  display: grid;
  gap: $spacing-xs;
  grid-template-columns: 1fr;
  @include media-breakpoint-up(sm, $ds-breakpoints) {
    grid-template-columns: 1fr 1fr;
  }
  @include media-breakpoint-up(lg, $ds-breakpoints) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  @include media-breakpoint-up(2xl, $ds-breakpoints) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.card-testterms {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: $spacing-xs;
}

.card-testterms .language-code {
  font-size: $font-size-h1;
  font-weight: $font-weight-light;
  line-height: 1;
  color: $info;
}

.card-testterms .card-info {
  flex-grow: 1;
  padding-left: $spacing-xs;
  padding-left: $spacing-xs;
  line-height: 1;
}

.card-testterms.danger {
  border: $border-width solid $red;
}

.card-testterms.info {
  border: $border-width solid $info;
}