.u-list {
  @include flex(3rem, initial, initial);

  font-size: $font-size-larger;

  &--smaller {
    font-size: $font-size-regular;
  }

  &--small {
    font-size: $font-size-small;
  }

  &--horizontal {
    display: grid;
    grid-template-rows: 1fr;

    @include respond(tab-port) {
      display: flex;
    }
  }

  &--vertical {
    flex-direction: column;
  }

  &--stretch-cols {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
  }

  @include respond(tab-port) {
    flex-direction: column !important;
  }

  &__block {
    @include flex(0.4rem, initial, initial, column);
  }

  &__item {
    @include flex(2rem, initial, center);
  }

  &__icon {
    padding: 0.6em;

    font-size: 1.8em;

    background-image: $color-gradient-regular;
    box-shadow: $shadow-color;
  }

  &__text {
    font-size: 1em;
    font-family: $font-family-headings;
    font-weight: bold;
    letter-spacing: 1px;
  }

  &__label {
    font-size: 0.8em;
    font-family: $font-family-headings;
    font-weight: bold;
    color: $color-primary-regular;
  }
}
