.wp-block-search {
    .wp-block-search__inside-wrapper {
        border-radius: 300px;
        border-color: transparent;
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--black-300);

        .wp-block-search__input {
            background: transparent;
            border: none;
            border-bottom: 2px solid var(--wp--preset--color--red-200);
            font-family: var(--wp--preset--font-family--montserrat);
            font-size: var(--wp--preset--font-size--mhn-base);
            padding: 10px 20px;
            left: -450px;
            width: 450px;
            position: absolute;
            background-color: white;
        }

        .wp-block-search__button {
            background-color: var(--wp--preset--color--white);
            padding: 10px;
            border-radius: 50%;
            transition: all 0.3s ease;

            .search-icon {
                transform: scale(1.35) rotateY(180deg);
				fill: black; /* Fallback for Safari and older browsers */
				fill: var(--wp--preset--color--black-300);
            }
        }
    }
}

@media only screen and (max-width: 767px) {
    .wp-block-search {
        .wp-block-search__inside-wrapper {
            .wp-block-search__input {
                left: -250px;
                width: 250px;
            }
        }
    }
}

.position-relative {
    position: relative;
}