@use '../../base/token';
@use '../../abstract';
@use 'feature-text' as feature;

.cds-feature-txt--featured-icon-left {
  display: flex;
  gap: 16px;

  #{feature.$this}__title,
  #{feature.$this}__description {
    margin-bottom: 0;
  }

  #{feature.$this}__title {
    font-size: token.$font-size-3;
  }

  #{feature.$this}__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 6px;
  }

  @include abstract.media-bp-up('md') {
    #{feature.$this}__title {
      font-size: token.$font-size-4;
    }

    #{feature.$this}__content {
      gap: 8px;
      padding-top: 10px;
    }
  }
}