$icon-size: 31px;

.icon-teaser {
  @extend %flexbox-row;
  align-items: center;

  h3 {
    margin: 0 $margin-normal 0 0;
  }
}

.icon-teaser-list {
  @extend %flexbox-row;

  li {
    @extend %flexbox-row;
    align-items: center;
    justify-content: center;
    background: $color-blue-100;
    border-radius: 50%;
    width: $icon-size * 2;
    height: $icon-size * 2;
    margin: 0 $margin-quarter;
  }

  .pictogram {
    width: $icon-size;
    height: $icon-size;
  }
}