.site-header :where(.search-button-wrap) {
    border-right: 1px solid var(--color-brand-grey-3);
    display: none;
    align-self: center;
    height: fit-content;
}

.site-header :where(.search-button-wrap svg) {
    padding-top: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--logo-color);
    &:hover {
        cursor: pointer;
    }
}

@media screen and (max-width: 1080px) {
    .site-header :where(.search-button-wrap) {
        display: flex;
    }
}