Header Search

<form class="header-search">

    <label class="u-visually-hidden" for="header-search">Search the entire Understanding Patient Data site</label>

    <button class="site-header__button    header-search__button  js-header-search" type="submit">

        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" title="Search">

            <title>Search</title>

            <use class="header-search__icon  header-search__icon--mobile" xlink:href="#svg-icon-arrow" />

            <use class="header-search__icon  header-search__icon--desktop" xlink:href="#svg-icon-search" />

        </svg>

    </button>

    <input class="header-search__input" id="header-search" placeholder="Search..." required type="search">

</form>