헤더 영역에 버튼을 추가하는 방법은?

다음 CSS를 추가하면 로고를 검색창 위에 쌓이도록 배치할 수 있습니다.

.home-logo-wrapper-outlet {
    z-index: 1;
}

양쪽 측면을 처리할 필요가 없도록 floating-search-input에 대한 다른 해결책이 있습니다 (floating-search-input-wrapper의 CSS를 제거했는지 확인하세요):

.floating-search-input {
    position: absolute;
    left: 0;
    transform: translateX(calc(50vw - (33rem / 2)));
}