.icon-block {
  display: flex;
  align-items: center;
}
/* icon sizes */
.icon-block__icon {
  --icon-size: 16px;
  display: inline-grid;
  place-content: center;
  height: var(--icon-size);
  width: var(--icon-size);
}

.icon-block__icon.icon-block__icon--dropdown {
  height: 4px;
  margin-left: 6px;
  width: 5px;
}

.icon-block__icon.icon-block__icon--md {
  --icon-size: 20px;
}

.icon-block__icon.icon-block__icon--lg {
  --icon-size: 32px;
}

/* text */
.icon-block__text {
  --icon-text-offset: 6px;
  margin-left: var(--icon-text-offset);
}