.wp-block-search.wp-block-search__button-only {
  &.wp-block-search__searchfield-hidden,
  &.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
    /* this is to display the focus style properly */
    margin: -4px;
    padding: 4px;
  }

  & .wp-block-search__input {
    margin-right: var(--wp--preset--spacing--20);
  }
}

.site-header {
  & .wp-block-search {
    position: relative;

    &:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
      width: 150px;
    }
  }

  & .wp-block-search__input {
    height: calc(100% + 4px);
    left: 100px;
    margin: 0 !important;
    outline: none !important;
    position: absolute;
    top: -2px;
    z-index: 2;
  }
}

.header-actions {
  @media (max-width: 1199px) {
    & .wp-block-search__button {
      background-position: 10px center;
      font-size: var(--wp--preset--font-size--x-small) !important;
      height: 100%;
      padding: calc(0.5rem - 1px) calc(1rem - 1px) calc(0.5rem - 1px)
        calc(2rem - 1px) !important;
      padding-left: calc(2rem - 1px) !important;
      position: relative;
      top: 2px;
    }
  }

  @media (min-width: 1200px) {
    & .wp-block-search__input {
      left: 130px;
    }

    &
      .wp-block-search:not(.wp-block-search__searchfield-hidden)
      .wp-block-search__input {
      width: 210px;
    }
  }
}