/* Target both input elements */
#searchWidgetTrigger, #searchWidgetTrigger2 {
    display: block;
    width: 80%;
    max-width: 400px; /* Optional: Set a maximum width */
    margin: 10px auto;
    padding: 15px 20px;
    border: none;
    border-radius: 25px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    text-align: left; /* Align placeholder text to the left */
  }
  
  #searchWidgetTrigger:hover, #searchWidgetTrigger2:hover {
    background-color: #e0e0e0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }
  
  #searchWidgetTrigger:focus, #searchWidgetTrigger2:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }
  
  /* Optional: Add some spacing between the inputs */
  #searchWidgetTrigger2 {
    margin-top: 20px;
  }
  
  /* Style the placeholder text */
  #searchWidgetTrigger::placeholder,
  #searchWidgetTrigger2::placeholder {
    color: #999; /* Change placeholder color */
    font-style: italic; /* Example: make placeholder text italic */
  }