.btn:has(> .icon-search) {
  background-image: linear-gradient(to bottom, #26334d, #222833);
  color: #fff !important;
  outline: none;
  border: none;
  box-shadow: 0 0 2px #343d58;
  transition: box-shadow 100ms ease-in-out, font-weight 100ms ease-in-out;
  padding: 4px 10px;
}

.btn:has(> .icon-search):hover,
.btn:has(> .icon-search):focus,
.btn:has(> .icon-search):active {
  background-color: #22283c;
  color: #fff !important;
}

.btn:has(> .icon-search):hover {
  box-shadow: 0 0 5px #343d58;
}

.btn:has(> .icon-search):active {
  filter: brightness(120%);
  box-shadow: 0 0 8px #343d58;
  transition: box-shadow 30ms ease-in-out;
}

.btn:has(> .icon-search):disabled:hover,
.btn:has(> .icon-search):disabled:active {
  box-shadow: none;
  transition: none;
  filter: none;
  background-image: #22283c;
  background-color: #22283c;
}