#result {
  position: absolute;
  width: 100%;
  max-width:870px;
  cursor: pointer;
  overflow-y: auto;
  max-height: 400px;
  box-sizing: border-box;
  z-index: 1001;
}
@media (hover: hover) {
  
  .link-class:hover{
    background-color:#f1f1f1;
  }
  .btnlinkex {
    flex:1 1 auto;
  }
  .btnlinkgr {
    gap: 0;
  }
  .btnlinkex-noflex {
    flex:0;
  }
  @media (min-width: 992px) {
    .btnlinkgr {
      gap: 0!important;
    }
  }
  .btnlinkex span {
    max-width: 0;
    -webkit-transition: max-width 0.7s;
    transition: max-width 0.7s;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
  }
  .btnlinkex:hover span {
    max-width: 10rem;
  }
}

.btn-expand {
  max-width: 16px;
  box-sizing: content-box;
  color: rgba(0, 0, 0, 0);
  transition: max-width .2s ease;
}
.btn-expand.btn-xs {
  max-width: 12px;
}
.btn-expand.btn-sm {
  max-width: 14px;
}
.btn-expand.btn-lg {
  max-width: 18px;
}
.btn-expand i {
  color: #333;
}
.btn-expand.btn-link i {
  color: #428bca;
}
.btn-expand.btn-primary i,
.btn-expand.btn-success i,
.btn-expand.btn-info i,
.btn-expand.btn-warning i,
.btn-expand.btn-danger i {
  color: #fff;
}
.btn-expand:hover,
.btn-expand:focus,
.btn-expand:active {
  max-width: 400px;
  transition-duration: .5s;
}