.he-search-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.he-search-wrapper {
  label {
    display: none;
  }

  button {
    float: right;
    display: block;
    position: relative;
    left: -6px;
    padding: 5px 8px 4px;
  }

  .input {
    overflow: hidden;
    display: block;
    float: none;
  }

  input {
    width: 100%;
    box-sizing: border-box;
    height: 2.25em;
    -webkit-appearance: none;
    font-size: 1.1em;
  }

  button {
    height: 2.475em;
    line-height: 1.75em;
    -webkit-appearance: none;
  }
}

.ltr {
  .he-search-wrapper {
    button {
      -webkit-border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
}

.rtl {
  .he-search-wrapper {
    button {
      float: left;
      left: auto;
      left: 6px;
      -webkit-border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }
  }
}
