<a class="radikalwp-btn-arrow" href="#"><span>بیشتر بخوانید<//span><span class="radikalwp-btn-arrow-icon">←<//span><//a>

.radikalwp-btn-arrow {
  display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px;
  background: #fff; color: #4f46e5; border: 1.5px solid #4f46e5; border-radius: 12px;
  font-size: 13px; font-weight: 700; text-decoration: none; overflow: hidden;
  transition: background .25s, color .25s;
}
.radikalwp-btn-arrow-icon { transition: transform .3s ease; }
.radikalwp-btn-arrow:hover { background: #4f46e5; color: #fff; }
.radikalwp-btn-arrow:hover .radikalwp-btn-arrow-icon { transform: translateX(-6px); }