.wkfe-search{
    .wkfe-search-wrapper{
        .click-handler{
            cursor: pointer;
            display:inline-block;
        }
        .search-click-handler{
            svg{
                height:auto;
            }
        }
        position: relative;
        .wkfe-search-form-wrapper{
            position: absolute;
            top:20px;
            opacity:0;
            transition:all 0.3s ease;
            z-index:-1;
            display:inline-block;
            form{
                display:flex;
                align-items:center;
                justify-content: center;
                input[type="text"]{
                    &:focus{
                        outline:none;
                    }
                    border-radius:2px 0px 0px 2px;
                    width:auto;
                }
                input[type="submit"]{
                    border-radius:0px 2px 2px 0px;
                    padding:15px 25px;
                }
            }
        }
        .wkfe-search-form-wrapper.left{
            left:0;
        }
        .wkfe-search-form-wrapper.center{
            left:0;
            right:0;
        }
        .wkfe-search-form-wrapper.right{
            right:0;
        }
        .wkfe-search-form-wrapper.active{
            top:30px;
            opacity:1 !important;
            z-index:9;
        }
    }
}