<div class="radikalwp-card-profile">
  <div class="radikalwp-card-profile__avatar">س<//div>
  <h3 class="radikalwp-card-profile__name">سارا محمدی<//h3>
  <p class="radikalwp-card-profile__role">طراح تجربه کاربری<//p>
  <div class="radikalwp-card-profile__links">
    <a href="#">وب‌سایت<//a><a href="#">لینکدین<//a>
  <//div>
<//div>

.radikalwp-card-profile {
  max-width: 280px;
  padding: 32px 24px;
  text-align: center;
  background: rgba(255, 255, 255, .55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, .15);
}
.radikalwp-card-profile__avatar {
  width: 84px; height: 84px;
  margin: 0 auto 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(139, 92, 246, .45);
}
.radikalwp-card-profile__name { margin: 0 0 4px; color: #1e293b; font-size: 18px; }
.radikalwp-card-profile__role { margin: 0 0 18px; color: #64748b; font-size: 13px; }
.radikalwp-card-profile__links { display: flex; gap: 10px; justify-content: center; }
.radikalwp-card-profile__links a {
  padding: 8px 18px; font-size: 13px; text-decoration: none;
  color: #7c3aed; background: rgba(124, 58, 237, .1);
  border-radius: 999px; transition: all .25s ease;
}
.radikalwp-card-profile__links a:hover { color: #fff; background: #7c3aed; }