Search Form

<div class="bg-primary pb-3 rounded">
    <h3 class="visually-hidden">Search the Pleasance</h3>
    <form action="#">
        <div class="my-0 d-flex justify-content-end px-1 px-md-2">
            <div class="input-group">
                <input type="text" class="m-0 form-control form-control-lg" aria-label="Search" id="search" name="search" value="" size="60" maxlength="128" placeholder="Search the Pleasance">
                <button class="icon icon-search btn btn-primary d-flex align-items-center px-2" href="#" aria-label="Perform search">
                    <svg>
                        <use xlink:href="#search"></use>
                    </svg>
                </button>
            </div>
        </div>
    </form>
</div>