.bl-nav-group {
  position: relative;
}
.bl-search-form {
  .wp-block-search__inside-wrapper {
    align-items: center;
    border: none;
    padding: 0;
  }

  .wp-block-search__input {
    position: absolute;
    width: 0px;
    padding-inline: 0 !important;
    right: 0;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
    border-radius: 100px !important;
    border: none;
    z-index: 2;
    transition: width 0.25s ease-in;

    &.is-visible {
      border: 2px solid var(--wp--preset--color--primary);
      width: calc(100% + 2px); /* dirty hack to hide navigation... */
      padding-inline: 1rem 4rem !important;
    }
  }
  .wp-block-search__button {
    background-color: var(--wp--preset--color--primary);
    border: none;
    height: 50px;
    width: 50px;
    padding: 0;
    position: relative;
    z-index: 3;
  }
}