#brave-search-input {
  width: 100%;
  padding: 10px 15px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #478AF0;
  margin-bottom: 12px;
}
#brave-suggestions {
    background: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
}
#brave-suggestions ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#brave-suggestions li {
    padding: 5px;
    cursor: pointer;
}
#brave-suggestions li:hover {
    background: #eee;
}
#brave-search-btn {
  padding: 8px 15px;
  cursor: pointer;
  margin-top: 12px;
  text-align: center;
  min-width: 200px;
  background: #478af0;
  border: 1px solid #478af0;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
}
#brave-search-results ul {
    list-style: none;
    padding: 0;
}
#brave-search-results li {
    margin: 5px 0;
}
#brave-search-results {
  margin-top: 2rem;
}
.brave-result-item {
  margin-bottom: 2rem;
}