.search-form {
    display: flex;
    padding: 0.5rem;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;  /* Add some space between elements */
  }
  
.search-input {
  flex: 1;
  width: 300px;
  padding: 0.4rem;
  border-radius: 6px;
  border: 2px solid #e0e0e0;
  transition: border-color 0.3s ease;
  font-size: 1rem;
}

.search-input:focus {
  outline: none;
  border-color: #007bff;
}

.search-button {
  margin-right: 1rem;
  padding: 8px 24px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.search-button:hover {
  background-color: #0056b3;
}