<div class="radikalwp-alert radikalwp-alert-info">اطلاع: نسخه جدید در دسترس است. <button class="radikalwp-alert-close" type="button">×<//button><//div><div class="radikalwp-alert radikalwp-alert-success">عملیات با موفقیت انجام شد.<//div><div class="radikalwp-alert radikalwp-alert-warning">دقت: داده‌ها ذخیره نشده‌اند.<//div><div class="radikalwp-alert radikalwp-alert-danger">خطا: اتصال برقرار نشد.<//div>

.radikalwp-alert {
  position: relative; padding: 12px 44px 12px 16px; margin-bottom: 8px; border-radius: 12px;
  font-size: 13px; font-weight: 600;
}
.radikalwp-alert-info { background: #e0f2fe; color: #0369a1; }
.radikalwp-alert-success { background: #d1fae5; color: #047857; }
.radikalwp-alert-warning { background: #fef3c7; color: #b45309; }
.radikalwp-alert-danger { background: #fee2e2; color: #b91c1c; }
.radikalwp-alert-close {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  border: 0; background: transparent; font-size: 16px; color: inherit; cursor: pointer; opacity: .6;
}
.radikalwp-alert-close:hover { opacity: 1; }