.icon {
  width: 20px;
  height: 20px;
  flex: none;
  stroke: currentColor;
  stroke-width: 2;
  vertical-align: middle;
}

.icon--sm {
  width: 16px;
  height: 16px;
}

.icon--lg {
  width: 26px;
  height: 26px;
  stroke-width: 1.7;
}

.icon--arrow {
  width: 18px;
  height: 18px;
  transition: transform var(--duration-fast) var(--ease-out);
}

.feat-icon .icon {
  width: 15px;
  height: 15px;
  stroke: var(--color-brand-600);
  stroke-width: 2.6;
}

.icon-btn .icon {
  width: 19px;
  height: 19px;
}

.services__more-icon .icon {
  width: 22px;
  height: 22px;
}

.diagram__chip .icon {
  width: 20px;
  height: 20px;
  stroke: var(--color-brand-600);
}

.advantage__icon .icon,
.stat__icon .icon,
.faq__cta-icon .icon {
  width: 20px;
  height: 20px;
  stroke: var(--color-brand-600);
}

.icon--solid {
  stroke: none;
  fill: currentColor;
  color: var(--color-brand-600);
}

.stat__icon .icon--solid {
  width: 21px;
  height: 21px;
  stroke: none;
}

.faq__cta-icon .icon--solid {
  width: 36px;
  height: 36px;
  stroke: none;
}

.benefit-card__icon .icon,
.service-card__icon .icon {
  width: 24px;
  height: 24px;
  stroke: var(--color-brand-600);
  stroke-width: 1.8;
}

.catalog-card__glyph .icon {
  width: 34px;
  height: 34px;
  stroke-width: 1.6;
}

.benefit-card__icon .icon--solid {
  width: 30px;
  height: 30px;
}

.icon-btn .icon--solid {
  width: 19px;
  height: 19px;
}