/* Base styles for the core/search block */
.wp-block-search__inside-wrapper {
    border-radius: var(--wp--preset--border-radius--lg);
    overflow: hidden;
    padding-left: var(--wp--preset--spacing--50);

    &::focus-within {
        outline: 2px solid var(--wp--preset--color--primary);
    }

    input.wp-block-search__input {
        border: none;
        &:focus {
            border: none;
            outline: none;
        }
    }

    .wp-block-search__button.has-icon {
        padding: 0;
        width: 58px;
        font-size: 24px;
        transition: background-color 0.3s ease, color 0.3s ease;
        &:hover {
            background-color: var(--wp--preset--color--accent-variant);
            color: var(--wp--preset--color--base);
        }
    }
}