<div class="radikalwp-card-app"><div class="radikalwp-card-app-content"><h3 class="radikalwp-card-app-title">اپلیکیشن رادیکال‌دبلیوپی<//h3><p class="radikalwp-card-app-text">به همه اسنیپت‌ها و قالب‌ها از گوشی خود دسترسی داشته باشید و پروژه‌هایتان را سریع‌تر بسازید.<//p><div class="radikalwp-card-app-buttons"><a class="radikalwp-card-app-store" href="#"><small>دانلود از<//small><strong>گوشی پلی<//strong><//a><a class="radikalwp-card-app-store" href="#"><small>دریافت از<//small><strong>اپ استور<//strong><//a><//div><//div><div class="radikalwp-card-app-mock">📱<//div><//div>

.radikalwp-card-app {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 520px;
  padding: 30px 28px;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  border-radius: 22px;
}
.radikalwp-card-app-content { flex: 1; }
.radikalwp-card-app-title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
.radikalwp-card-app-text {
  margin: 0 0 20px;
  font-size: 12.5px;
  line-height: 2;
  color: #94a3b8;
}
.radikalwp-card-app-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.radikalwp-card-app-store {
  display: flex;
  flex-direction: column;
  padding: 8px 18px;
  background: #fff;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .25s ease;
}
.radikalwp-card-app-store:hover { transform: translateY(-2px); }
.radikalwp-card-app-store small { font-size: 10px; color: #64748b; }
.radikalwp-card-app-store strong { font-size: 13px; color: #0f172a; }
.radikalwp-card-app-mock {
  font-size: 76px;
  transform: rotate(-8deg);
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .4));
}
@media (max-width: 560px) {
  .radikalwp-card-app { flex-direction: column-reverse; text-align: center; }
  .radikalwp-card-app-buttons { justify-content: center; }
}