/* Inside button */
.wp-block-search__button-inside {
    .wp-block-search__inside-wrapper {
        padding: 0;
        border-color: var(--wp--preset--color--neutral);
        border-radius: 0.25rem;
        transition: border-color 0.3s ease;
        background-color: #fff;

        &:focus-within {
            border-color: var(--wp--preset--color--primary);
        }

        .wp-block-search__input {
            padding: 0.5rem 1rem;
            border: 0;
            border-radius: 0;
            background-color: transparent;
        }

        .wp-block-search__button {
            padding: 0.5rem;
            margin: 0.5rem;
        }
    }
}

/* Outside button */
.wp-block-search__button-outside {
    .wp-block-search__inside-wrapper {
        gap: 0.75rem;
        align-items: stretch;

        .wp-block-search__input {
            flex: 1;

            &::placeholder {
                color: var(--wp--preset--color--text-muted);
            }
        }

        .wp-block-search__button {
            padding: 0.5rem;
            margin: 0;
        }
    }
}

/* Only button */
.wp-block-search__button-only {
    .wp-block-search__inside-wrapper {
        gap: 0.75rem;
    }
}