@use '../../base/variable';
@use '../../base/token';
@use '../../abstract';

.cds-featured {
  &__label {
    display: block;
    margin-block-end: 4px;
    color: var(--gray-700);
    font-size: abstract.rem(token.$font-size-3);
    font-weight: abstract.font-weight-to-number(token.$font-weights-commerce-sans-2);
  }

  &__desc {
    display: block;
    font-weight: abstract.font-weight-to-number(token.$font-weights-commerce-sans-0);
    color: var(--gray-400);
    white-space: pre-wrap;
  } // desc

  @include abstract.media-bp-up('md') {
    &__label {
      margin-block-end: 0px;
      font-size: abstract.rem(token.$font-size-4);
    }
  }
}