.icon-with-text {
  display: flex;
  align-items: center;
  padding: 1em;

  .icon {
    margin: 0 20px 0 0;
    flex-shrink: 0;
  }

  .text {
    margin: 0;
  }

  &.vertical {
    flex-direction: column;
    .icon {
      margin: 0 0 20px 0;
    }
  }
}