| " style="width: 100%; background-color: #4b9f45; color: #fff; border: none; padding: 12px 20px; font-size: 16px; border-radius: 4px; cursor: pointer;"> |
Add your custom HTML here
search-form
background: #fff;
padding: 20px;
max-width: 800px;
margin: auto;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.search-form h2 {
margin-top: 0;
font-size: 1.5em;
margin-bottom: 20px;
}
.form-row {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.form-row input[type="text"],
.form-row select {
padding: 10px;
font-size: 1em;
border: 1px solid #ccc;
border-radius: 4px;
flex: 1;
min-width: 200px;
}
input[type="submit"] {
background-color: #4b9f45;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 1em;
border-radius: 4px;
cursor: pointer;
white-space: nowrap;
}
input[type="submit"]:hover {
background-color: #3d8538;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}