<div class="radikalwp-filter-row"><input type="text" placeholder="جستجوی محصول…"><select><option>همه دسته‌ها<//option><option>قالب<//option><option>اسنیپت<//option><//select><select><option>جدیدترین<//option><option>پربازدیدترین<//option><//select><button type="button">اعمال فیلتر<//button><//div>

.radikalwp-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  width: 400px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}
.radikalwp-filter-row input {
  flex: 2;
  min-width: 130px;
  padding: 9px 13px;
  font-family: inherit;
  font-size: 12.5px;
  color: #0f172a;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}
.radikalwp-filter-row input:focus {
  border-color: #6366f1;
  background: #fff;
}
.radikalwp-filter-row select {
  flex: 1;
  min-width: 100px;
  padding: 9px 10px;
  font-family: inherit;
  font-size: 12px;
  color: #475569;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  outline: none;
  cursor: pointer;
}
.radikalwp-filter-row button {
  padding: 9px 20px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  background: #4f46e5;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background .2s ease;
}
.radikalwp-filter-row button:hover { background: #4338ca; }