<div class="header-search__wrapper" id="search-wrapper">
  <div class="header-search__overlay"></div>
  <form class="header-search">
    <div class="autocomplete">
      <input id="search" aria-label="search" type="text" name="text" class="header-search__input" placeholder="Search your product">
    </div>
    <button class="header-search__submit" aria-label="search submit">
            <span class="header-search__submit-icon">
              <i class="fas fa-search fa-2x"></i>
            </span>
      <span class="header-search__submit-icon header-search__submit-icon--mobile">
              <i class="fas fa-search fa-2x"></i>
            </span>
    </button>
  </form>
</div>
