<div class="radikalwp-card-stat">
  <div class="radikalwp-card-stat__icon">👁️<//div>
  <div class="radikalwp-card-stat__info">
    <span class="radikalwp-card-stat__value">۱۲,۴۸۰<//span>
    <span class="radikalwp-card-stat__label">بازدید امروز<//span>
  <//div>
  <span class="radikalwp-card-stat__change radikalwp-card-stat__change--up">↑ ۱۲٪<//span>
<//div>

.radikalwp-card-stat {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 260px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  transition: box-shadow .25s ease;
}
.radikalwp-card-stat:hover { box-shadow: 0 8px 20px rgba(15, 23, 42, .1); }
.radikalwp-card-stat__icon {
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  background: #eff6ff;
  border-radius: 12px;
}
.radikalwp-card-stat__info { flex: 1; display: flex; flex-direction: column; }
.radikalwp-card-stat__value { font-size: 20px; font-weight: bold; color: #0f172a; }
.radikalwp-card-stat__label { font-size: 12px; color: #64748b; }
.radikalwp-card-stat__change { font-size: 12px; font-weight: bold; padding: 4px 10px; border-radius: 999px; }
.radikalwp-card-stat__change--up { color: #059669; background: #d1fae5; }
.radikalwp-card-stat__change--down { color: #dc2626; background: #fee2e2; }