/* Modified classes to avoid conflicts */

.my-search-field {
  position: relative;
}

.my-search-field__input {
  width: 100%; /* Adjust the width to your desired size */
  color: white !important; /* Change text color to white */
}

.my-search-field__bar button svg {
  height: 10px;
  width: 50px;
}

.my-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-search-field--open .my-search-field__suggestions {
  border: 1px solid #000;  
}

.my-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}

.my-search-field__suggestions #results-for {
  font-weight: bold;
}

.my-search-field__suggestions a,
.my-search-field__suggestions #results-for {
  display: block;
}

.my-search-field__suggestions a:hover,
.my-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}

.my-module-button {
  background-color: darkblue /* Set button background color to red */
  color: white; /* Set button text color to white */
  border: none;
  margin-left: 5px; /* Adjust spacing between input and button */
  padding: 10px 20px; /* Increase padding to make the button bigger */
}