<div class="radikalwp-hov-slideinfo"><img class="radikalwp-hov-slideinfo-img" src="https://placehold.co/600x420/fce7f3/be185d?text=Photo" alt="عکس گالری"><div class="radikalwp-hov-slideinfo-panel"><h3 class="radikalwp-hov-slideinfo-title">نور طلایی عصر<//h3><p class="radikalwp-hov-slideinfo-text">عکاسی پرتره در نور طبیعی — تهران، پارک لاله<//p><div class="radikalwp-hov-slideinfo-icons"><span>♥<//span><span>↗<//span><//div><//div><//div>

.radikalwp-hov-slideinfo {
  position: relative;
  max-width: 320px;
  border-radius: 16px;
  overflow: hidden;
}
.radikalwp-hov-slideinfo-img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.radikalwp-hov-slideinfo-panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 22px;
  background: linear-gradient(to top, rgba(88, 28, 135, .92), rgba(88, 28, 135, .25) 70%, transparent);
  transform: translateX(100%);
  transition: transform .5s cubic-bezier(.25, .8, .3, 1);
}
.radikalwp-hov-slideinfo:hover .radikalwp-hov-slideinfo-panel { transform: translateX(0); }
.radikalwp-hov-slideinfo-title,
.radikalwp-hov-slideinfo-text,
.radikalwp-hov-slideinfo-icons {
  transform: translateX(30px);
  opacity: 0;
  transition: transform .45s ease, opacity .45s ease;
}
.radikalwp-hov-slideinfo:hover .radikalwp-hov-slideinfo-title { transition-delay: .12s; transform: translateX(0); opacity: 1; }
.radikalwp-hov-slideinfo:hover .radikalwp-hov-slideinfo-text { transition-delay: .2s; transform: translateX(0); opacity: 1; }
.radikalwp-hov-slideinfo:hover .radikalwp-hov-slideinfo-icons { transition-delay: .28s; transform: translateX(0); opacity: 1; }
.radikalwp-hov-slideinfo-title { margin: 0; font-size: 17px; font-weight: 800; color: #fff; }
.radikalwp-hov-slideinfo-text { margin: 0; font-size: 12px; color: #e9d5ff; line-height: 1.9; }
.radikalwp-hov-slideinfo-icons { display: flex; gap: 10px; color: #f0abfc; font-size: 15px; margin-top: 6px; }