<div class="radikalwp-hover-swap"><b>مشاوره سئو<//b><span>تحلیل کامل سایت و نقشه راه رشد<//span><//div>

.radikalwp-hover-swap {
  width: 250px; padding: 22px; background: #fff; border: 1.5px solid #e2e8f0; border-radius: 16px;
  transition: background .3s, border-color .3s; cursor: pointer;
}
.radikalwp-hover-swap b { display: block; font-size: 15px; color: #1e293b; margin-bottom: 6px; transition: color .3s; }
.radikalwp-hover-swap span { font-size: 12px; color: #64748b; line-height: 2; transition: color .3s; }
.radikalwp-hover-swap:hover { background: #4f46e5; border-color: #4f46e5; }
.radikalwp-hover-swap:hover b, .radikalwp-hover-swap:hover span { color: #fff; }