<div class="radikalwp-card-feature"><div class="radikalwp-card-feature-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/><//svg><//div><h4>کد تمیز<//h4><p>ساختار استاندارد و مستندسازی کامل برای توسعه آسان.<//p><//div>

.radikalwp-card-feature {
  width: 230px;
  padding: 24px 20px;
  font-family: inherit;
  text-align: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  cursor: default;
  transition: background .35s ease, transform .35s ease;
}
.radikalwp-card-feature:hover { background: #4f46e5; transform: translateY(-4px); }
.radikalwp-card-feature-ic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  color: #4f46e5;
  background: #eef2ff;
  border-radius: 14px;
  transition: color .35s ease, background .35s ease;
}
.radikalwp-card-feature-ic svg { width: 24px; height: 24px; }
.radikalwp-card-feature:hover .radikalwp-card-feature-ic { color: #4f46e5; background: #fff; }
.radikalwp-card-feature h4 { margin: 0 0 6px; font-size: 15px; color: #1e293b; transition: color .35s ease; }
.radikalwp-card-feature:hover h4 { color: #fff; }
.radikalwp-card-feature p { margin: 0; font-size: 12.5px; line-height: 2; color: #64748b; transition: color .35s ease; }
.radikalwp-card-feature:hover p { color: #e0e7ff; }