.wp-block-search.is-style-default .wp-block-search__button {
    svg {
        display: none;
    }

    &::before { 
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background-color: currentColor; 
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16.0001 15.2451L12.3151 11.5551C13.4929 10.1808 14.0926 8.40373 13.9884 6.59678C13.8841 4.78982 13.084 3.09349 11.756 1.86377C10.4279 0.634042 8.67515 -0.0334772 6.86553 0.00129325C5.0559 0.0360637 3.33009 0.77042 2.05025 2.05025C0.77042 3.33009 0.0360637 5.0559 0.00129325 6.86553C-0.0334772 8.67515 0.634042 10.4279 1.86377 11.756C3.09349 13.084 4.78982 13.8841 6.59678 13.9884C8.40373 14.0926 10.1808 13.4929 11.5551 12.3151L15.2401 16.0051L16.0001 15.2451ZM7.00014 12.9301C5.82829 12.9301 4.68275 12.5826 3.70839 11.9316C2.73403 11.2806 1.9746 10.3552 1.52615 9.27254C1.07771 8.18989 0.960371 6.99857 1.18899 5.84923C1.41761 4.69989 1.98191 3.64416 2.81053 2.81553C3.63916 1.98691 4.69489 1.42261 5.84423 1.19399C6.99357 0.965371 8.18489 1.08271 9.26754 1.53115C10.3502 1.9796 11.2756 2.73903 11.9266 3.71339C12.5776 4.68775 12.9251 5.83329 12.9251 7.00514C12.9238 8.57614 12.2992 10.0824 11.1883 11.1933C10.0774 12.3042 8.57114 12.9288 7.00014 12.9301Z' fill='black'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16.0001 15.2451L12.3151 11.5551C13.4929 10.1808 14.0926 8.40373 13.9884 6.59678C13.8841 4.78982 13.084 3.09349 11.756 1.86377C10.4279 0.634042 8.67515 -0.0334772 6.86553 0.00129325C5.0559 0.0360637 3.33009 0.77042 2.05025 2.05025C0.77042 3.33009 0.0360637 5.0559 0.00129325 6.86553C-0.0334772 8.67515 0.634042 10.4279 1.86377 11.756C3.09349 13.084 4.78982 13.8841 6.59678 13.9884C8.40373 14.0926 10.1808 13.4929 11.5551 12.3151L15.2401 16.0051L16.0001 15.2451ZM7.00014 12.9301C5.82829 12.9301 4.68275 12.5826 3.70839 11.9316C2.73403 11.2806 1.9746 10.3552 1.52615 9.27254C1.07771 8.18989 0.960371 6.99857 1.18899 5.84923C1.41761 4.69989 1.98191 3.64416 2.81053 2.81553C3.63916 1.98691 4.69489 1.42261 5.84423 1.19399C6.99357 0.965371 8.18489 1.08271 9.26754 1.53115C10.3502 1.9796 11.2756 2.73903 11.9266 3.71339C12.5776 4.68775 12.9251 5.83329 12.9251 7.00514C12.9238 8.57614 12.2992 10.0824 11.1883 11.1933C10.0774 12.3042 8.57114 12.9288 7.00014 12.9301Z' fill='black'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

.wp-block-search.is-style-header-search-style-1 .wp-block-search__button svg {
    display: none;
}

/*.wp-block-search__button-outside.wp-block-search__icon-button,
.wp-block-search__button-inside.wp-block-search__icon-button {
    .wp-block-search__button svg {
        display: block;
    }
}*/

.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    position:relative;
    border:none;
    background:none;
    cursor:pointer;
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 0;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-color: currentColor; 
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16.0001 15.2451L12.3151 11.5551C13.4929 10.1808 14.0926 8.40373 13.9884 6.59678C13.8841 4.78982 13.084 3.09349 11.756 1.86377C10.4279 0.634042 8.67515 -0.0334772 6.86553 0.00129325C5.0559 0.0360637 3.33009 0.77042 2.05025 2.05025C0.77042 3.33009 0.0360637 5.0559 0.00129325 6.86553C-0.0334772 8.67515 0.634042 10.4279 1.86377 11.756C3.09349 13.084 4.78982 13.8841 6.59678 13.9884C8.40373 14.0926 10.1808 13.4929 11.5551 12.3151L15.2401 16.0051L16.0001 15.2451ZM7.00014 12.9301C5.82829 12.9301 4.68275 12.5826 3.70839 11.9316C2.73403 11.2806 1.9746 10.3552 1.52615 9.27254C1.07771 8.18989 0.960371 6.99857 1.18899 5.84923C1.41761 4.69989 1.98191 3.64416 2.81053 2.81553C3.63916 1.98691 4.69489 1.42261 5.84423 1.19399C6.99357 0.965371 8.18489 1.08271 9.26754 1.53115C10.3502 1.9796 11.2756 2.73903 11.9266 3.71339C12.5776 4.68775 12.9251 5.83329 12.9251 7.00514C12.9238 8.57614 12.2992 10.0824 11.1883 11.1933C10.0774 12.3042 8.57114 12.9288 7.00014 12.9301Z' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16.0001 15.2451L12.3151 11.5551C13.4929 10.1808 14.0926 8.40373 13.9884 6.59678C13.8841 4.78982 13.084 3.09349 11.756 1.86377C10.4279 0.634042 8.67515 -0.0334772 6.86553 0.00129325C5.0559 0.0360637 3.33009 0.77042 2.05025 2.05025C0.77042 3.33009 0.0360637 5.0559 0.00129325 6.86553C-0.0334772 8.67515 0.634042 10.4279 1.86377 11.756C3.09349 13.084 4.78982 13.8841 6.59678 13.9884C8.40373 14.0926 10.1808 13.4929 11.5551 12.3151L15.2401 16.0051L16.0001 15.2451ZM7.00014 12.9301C5.82829 12.9301 4.68275 12.5826 3.70839 11.9316C2.73403 11.2806 1.9746 10.3552 1.52615 9.27254C1.07771 8.18989 0.960371 6.99857 1.18899 5.84923C1.41761 4.69989 1.98191 3.64416 2.81053 2.81553C3.63916 1.98691 4.69489 1.42261 5.84423 1.19399C6.99357 0.965371 8.18489 1.08271 9.26754 1.53115C10.3502 1.9796 11.2756 2.73903 11.9266 3.71339C12.5776 4.68775 12.9251 5.83329 12.9251 7.00514C12.9238 8.57614 12.2992 10.0824 11.1883 11.1933C10.0774 12.3042 8.57114 12.9288 7.00014 12.9301Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.is-style-default.wp-block-search .wp-block-search__inside-wrapper { 
    align-items: center; 
    padding: 0 20px 0 20px;

    input[type=search] {
        border: 0;
        outline: 0;
        min-height: 50px;

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

    .wp-block-search__button { 
        background: none; 
        padding: 0;
    }

    /* .wp-block-search__button::before { 
        filter: invert(1);
    } */

}

.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    padding: 0;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper .wp-block-search__input {
    position: absolute;
    padding-inline: 16px;
    border: 1px solid var(--Border, #E2E8F0);
    border-radius: 4px;
    inset-inline: 0;
    top: calc(100% + 30px);
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    flex-basis: 100%;
    transition-duration: .3s;
}

@media (width <= 767px) {
    .is-style-default.wp-block-search,
    .is-style-header-search-style-1.wp-block-search {
        display: none;
    }
}

@media (width <= 767px) {
    .is-style-default.wp-block-search__button-only {
        display: flex;
    }
}

@media (width >= 768px) {
    body:not(.block-editor-page) .is-style-mobile-header-search {
        display: none;

    }
}

.is-style-header-search-style-1  {
    .wp-block-search__inside-wrapper{
        height: 50px;
        width: 400px;
        padding: 0 2.5px 0 20px;
        border: 0;
        border-radius: 8px;
        background-color: var(--wp--preset--color--bg-2);

        .wp-block-search__input {
            background-color: transparent;
            min-height: 50px;
        }

        .wp-block-search__button {
            
            background-color: transparent;
        }

    }

    .wp-block-search__button::before { 
        content: '';
        display: block;
        width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M14.2223 13.5512L10.9468 10.2712C11.9937 9.04963 12.5268 7.46998 12.4341 5.8638C12.3414 4.25762 11.6302 2.74977 10.4497 1.65668C9.26925 0.563593 7.71125 -0.0297575 6.10269 0.00114955C4.49414 0.0320566 2.96008 0.684818 1.82245 1.82245C0.684818 2.96008 0.0320566 4.49414 0.00114955 6.10269C-0.0297575 7.71125 0.563592 9.26925 1.65668 10.4497C2.74977 11.6302 4.25762 12.3414 5.8638 12.4341C7.46998 12.5268 9.04963 11.9937 10.2712 10.9468L13.5468 14.2268L14.2223 13.5512ZM6.22235 11.4935C5.1807 11.4935 4.16244 11.1846 3.29634 10.6059C2.43025 10.0272 1.7552 9.20462 1.35658 8.24226C0.95796 7.2799 0.853663 6.22095 1.05688 5.19932C1.26009 4.17768 1.7617 3.23925 2.49825 2.5027C3.23481 1.76614 4.17324 1.26454 5.19487 1.06132C6.2165 0.858107 7.27546 0.962405 8.23781 1.36103C9.20017 1.75965 10.0227 2.43469 10.6014 3.30079C11.1801 4.16689 11.489 5.18514 11.489 6.22679C11.4878 7.62324 10.9326 8.96215 9.94514 9.94959C8.95771 10.937 7.61879 11.4923 6.22235 11.4935Z' fill='%230B1220'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
    }
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border-color: var(--wp--preset--color--neutral-200);
    border-radius: 8px;
}