<div class="radikalwp-x-app"><i>◐<//i><div><b>رادیکال ابزار<//b><span>★★★★☆ ۴٫۸<//span><//div><em>نصب<//em><//div>

.radikalwp-x-app {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 290px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  transition: box-shadow .25s ease;
}
.radikalwp-x-app:hover { box-shadow: 0 10px 28px rgba(15, 23, 42, .1); }
.radikalwp-x-app i {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #6366f1, #a855f7);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 21px;
  font-style: normal;
}
.radikalwp-x-app b { display: block; font-size: 13.5px; color: #0f172a; }
.radikalwp-x-app span { font-size: 10.5px; color: #f59e0b; }
.radikalwp-x-app em {
  margin-right: auto;
  padding: 7px 18px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 700;
  color: #fff;
  background: #0ea5e9;
  border-radius: 999px;
  cursor: pointer;
  transition: filter .2s ease;
}
.radikalwp-x-app em:hover { filter: brightness(1.12); }