Site Search Bar

<div class="site-search--wrapper collapse position-absolute start-0 end-0 bg-primary">
    <div class="main-column-wrapper px-4 px-xl-1 rounded-bottom">
        <div class="bg-primary p-3 rounded">
            <h3 class="visually-hidden">Search the Pleasance</h3>
            <form action="#">
                <div class="my-0 d-flex justify-content-end">
                    <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="__">
                        <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>
    </div>
</div>