.search-form {
  --border-color: #e1e1e1;
  --border-radius: 0.4rem;
  --background-color: #fff;
}

.predictive-search .clear-query .icon {
  width: 1rem;
  height: 1rem;
  min-width: auto;
}

.predictive-search .clear-query {
  border: none;
}

.predictive-search .close-button {
  width: 4.8rem;
}

@media (pointer: fine) {
  .predictive-search .clear-query:hover {
    border: none;
  }
}