.jws_search {
    position: relative;
    &.has_popup { 
      > button {
        width: 100%;
        border: 0;
        background: transparent;
        text-align: left;
        position: relative;
        line-height: 20px;
        .remove {
            display:none;
        }
    }
    .form_content {
         position: absolute;
         background: #ffffff;
        z-index: 2;
        top: 100%;
        right: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 20px;
        -webkit-box-shadow: 0 8px 24px 0 rgba(0,0,0,0.08);
        -moz-box-shadow: 0 8px 24px 0 rgba(0,0,0,0.08);
        box-shadow: 0 8px 24px 0 rgba(0,0,0,0.08);
        -webkit-transform: scale3d(0.8,0.8,0.8);
        -moz-transform: scale3d(0.8,0.8,0.8);
        transform: scale3d(0.8,0.8,0.8);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s; 
         form {
            background: rgba(0,0,0,0.03);
            .search-submit {
                &:hover {
                    color:var(--main);
                }
            }
        } 
    }
    }

    &.open {
         > button {
         .open {
            display:none;
         }
         .remove {
            display:block;
         }   
      } 
        .form_content {
          opacity: 1;
          visibility: visible;  
          -webkit-transform: scale3d(1,1,1);
          -moz-transform: scale3d(1,1,1);
          transform: scale3d(1,1,1);
        }
    }
    
}