Text Field Range: With Helper Tooltip Light

<div class="text-field-range--light">
    <div class="text-field-range__container">

        <div class="text-field--light text-field-placeholder--light is-initialized">
            <div class="text-field__wrapper text-field-placeholder__wrapper ">
                <input class="text-field__input text-field-placeholder__input" id="text-field-range-from" type="number" name="text-field-range-from" required autocomplete="on" placeholder="ab *" />
                <label class="visually-hidden" for="text-field-range-from">ab
                    *
                </label>
            </div>
            <div class="text-field__helper text-field-placeholder__helper">
                <div class="text-field__helper--text text-field-placeholder__helper--text">Please note that this form field has a helper text</div>
                <div class="text-field__helper--tooltip text-field-placeholder__helper--tooltip">
                    <button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
                        <span class="visually-hidden">Information</span>
                    </button>
                </div>
            </div>

        </div>

        <div class="text-field--light text-field-placeholder--light is-initialized">
            <div class="text-field__wrapper text-field-placeholder__wrapper ">
                <input class="text-field__input text-field-placeholder__input" id="text-field-range-to" type="number" name="text-field-range-to" required autocomplete="on" placeholder="bis *" />
                <label class="visually-hidden" for="text-field-range-to">bis
                    *
                </label>
            </div>
            <div class="text-field__helper text-field-placeholder__helper">
                <div class="text-field__helper--text text-field-placeholder__helper--text">Please note that this form field has a helper text</div>
                <div class="text-field__helper--tooltip text-field-placeholder__helper--tooltip">
                    <button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
                        <span class="visually-hidden">Information</span>
                    </button>
                </div>
            </div>

        </div>
    </div>
</div>