<div class="radikalwp-cp-chips"><span>گرادیان <i>×<//i><//span><span>نئون <i>×<//i><//span><span>شیشه‌ای <i>×<//i><//span><span class="radikalwp-cp-chips-add">+ افزودن<//span><//div>

.radikalwp-cp-chips { display: flex; flex-wrap: wrap; gap: 8px; max-width: 300px; }
.radikalwp-cp-chips span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 600;
  color: #4338ca;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
}
.radikalwp-cp-chips i {
  font-style: normal;
  cursor: pointer;
  opacity: .55;
  transition: all .18s ease;
}
.radikalwp-cp-chips i:hover { opacity: 1; color: #dc2626; }
.radikalwp-cp-chips-add {
  cursor: pointer;
  background: transparent;
  border-style: dashed;
  color: #64748b;
  transition: all .2s ease;
}
.radikalwp-cp-chips-add:hover { border-color: #818cf8; color: #4f46e5; }