<div class="radikalwp-avstack"><span class="radikalwp-avstack-item" style="background:#818cf8">س<//span><span class="radikalwp-avstack-item" style="background:#f472b6">م<//span><span class="radikalwp-avstack-item" style="background:#34d399">ا<//span><span class="radikalwp-avstack-item" style="background:#fbbf24">ر<//span><span class="radikalwp-avstack-item radikalwp-avstack-item--more">+۹<//span><//div>

.radikalwp-avstack {
  display: flex;
}
.radikalwp-avstack-item {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  background: #94a3b8;
  border: 3px solid #fff;
  border-radius: 50%;
  transition: transform .25s ease;
}
.radikalwp-avstack-item + .radikalwp-avstack-item { margin-right: -12px; }
.radikalwp-avstack-item:hover { transform: translateY(-4px); }
.radikalwp-avstack-item--more {
  background: #f1f5f9;
  color: #475569;
  font-size: 13px;
}