.search-icn {
  border-radius: var(--edge-radius);
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
  height: 100%;
  color: white;
  background-color: var(--primary-Color);
  border-color: var(--primary-Color);
}
.search-icn:hover {
  cursor: pointer;
  color: var(--secondary-Color);
  transition: 0.2s;
}

.custom-input-search {
  border-radius: var(--edge-radius);
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}
.custom-input-search:focus {
  box-shadow: 0 0 0 1px var(--secondary-Color);
  border-color: var(--secondary-Color);
}

.custom-input-group {
  border-radius: var(--edge-radius);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  height: 50px;
}

.input-group-prepend {
  height: 100%;
}