<div class="radikalwp-emptystate"><span class="radikalwp-emptystate-icon">🗂<//span><h3 class="radikalwp-emptystate-title">هنوز چیزی اینجا نیست<//h3><p class="radikalwp-emptystate-text">اولین اسنیپت مورد علاقه‌تان را از میان صدها کد آماده انتخاب کنید تا اینجا ببینیدش.<//p><a class="radikalwp-emptystate-btn" href="#">مرور اسنیپت‌ها<//a><//div>

.radikalwp-emptystate {
  max-width: 340px;
  padding: 44px 28px;
  text-align: center;
  background: #fff;
  border: 1.5px dashed #cbd5e1;
  border-radius: 20px;
}
.radikalwp-emptystate-icon {
  display: inline-block;
  font-size: 44px;
  margin-bottom: 16px;
  animation: radikalwp-emptystate-float 3.2s ease-in-out infinite;
}
.radikalwp-emptystate-title {
  margin: 0 0 8px;
  font-size: 15.5px;
  font-weight: 800;
  color: #1e293b;
}
.radikalwp-emptystate-text {
  margin: 0 0 20px;
  font-size: 12.5px;
  line-height: 2;
  color: #94a3b8;
}
.radikalwp-emptystate-btn {
  display: inline-block;
  padding: 10px 26px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #4f46e5;
  border-radius: 10px;
  text-decoration: none;
  transition: background .25s ease, transform .25s ease;
}
.radikalwp-emptystate-btn:hover { background: #4338ca; transform: translateY(-2px); }
@keyframes radikalwp-emptystate-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-9px); }
}