.list-container {
  ol {
    list-style: none;
    counter-reset: list-counter;
    padding-left: 0;

    li {
      counter-increment: list-counter;
      display: flex;
      margin-bottom: $margin-normal;
    }

    li::before {
      content: counter(list-counter);
      border: 2px solid $color-blue-300;
      background-color: $color-blue-300;
      color: $color-white;
      border-radius: 50%;
      font-weight: bold;
      text-align: center;
      height: $margin-triple;
      width: $margin-triple;
      display: inline-block;
      align-items: center;
      justify-content: center;
      padding-top: $border-radius-normal;
      flex-shrink: 0;
      margin-right: $margin-double;
    }
  }

  ul {
    li {
      margin-bottom: $margin-normal;
    }
  }
}