.chatSearchWrapper {
  margin-bottom: 5px;

  .inputGroup {
    position: relative;

    box-shadow: 4px 6px 10px 0px rgba(56, 124, 68, 0.15);

    border: 1px solid rgba(56, 124, 68, 0.2);
    border-radius: 30px;

    background: #fff;
    width: 100%;

    input {
      transition: all 0.3s ease;
      border: none;
      border-radius: 30px;

      background: #f8f8f8;
      padding: 12px 45px;
      width: 100%;
      font-size: 14px;

      &:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(48, 113, 58, 0.1);
        border-color: #30713a;
      }

      &::placeholder {
        color: black;
        font-size: 16px;
      }
    }

    .searchIcon {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      color: #000;
    }

    .filterIcon {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      transition: all 0.3s ease;
      cursor: pointer;
      color: #30713a;

      &:hover {
        color: darken(#30713a, 10%);
      }
    }
  }
}