/* Fix the button positioning when in "Button only" mode. */
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    max-width:max-content;
    right: 0;
    position: relative;
}

/* Switch to row-reverse to fly the search input out to the right instead. */
.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
    /* flex-direction: row-reverse; */
    flex-direction: row;
}

/* Fix the input border, outline and flyin transition, the default is a bit jumpy. */
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    border: 1px solid transparent;
    outline: none;
    flex-basis: 0%;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    width: 200px;
}