.search-bar-container-flex{display:flex;align-items:center;gap:10px}.search-input-wrapper{display:flex;flex-grow:1}.search-bar{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:90%}.search-bar:focus{outline:none;border-color:#007bff}.search-button{padding:8px 16px;font-size:16px;background-color:var(--green);color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.search-button:hover{background-color:#0056b3}.filter-button{padding:8px 16px;font-size:16px;background-color:#6c757d;color:white;border:none;border-radius:4px;cursor:pointer}.filter-button:hover{background-color:#5a6268}