.text-icon,
.text-icon__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.text-icon p:first-of-type {
  margin-top: 0;
}
.text-icon p:last-of-type {
  margin-bottom: 0;
}
.text-icon__icon {
  flex-shrink: 0;
}
.text-icon.icon--left {
  flex-direction: row;
  align-items: flex-start;
}
.text-icon.icon--top_start {
  flex-direction: column;
  align-items: flex-start;
}
.text-icon.icon--top_center {
  flex-direction: column;
  align-items: center;
}

.text-icon.icon--left_center {
  flex-direction: row;
  align-items: center;
}

.layout--twocol .text-icon  {
  padding-bottom: 2rem;
}

@media all and (min-width: 900px) {
  .layout--twocol .text-icon  {
    padding-bottom: 0;
  }
}