<div class="radikalwp-card-product"><img class="radikalwp-card-product-img" src="/uploads/product.svg" alt="تصویر محصول"><div class="radikalwp-card-product-body"><h4 class="radikalwp-card-product-name">نام محصول<//h4><span class="radikalwp-card-product-price">۲۵۰ هزار تومان<//span><button class="radikalwp-card-product-btn">افزودن به سبد<//button><//div><//div>

.radikalwp-card-product { width: 230px; background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #e2e8f0; }
.radikalwp-card-product-img { width: 100%; height: 140px; object-fit: cover; display: block; }
.radikalwp-card-product-body { position: relative; padding: 16px; }
.radikalwp-card-product-name { margin: 0 0 4px; font-size: 14px; color: #1e293b; }
.radikalwp-card-product-price { font-size: 13px; font-weight: 700; color: #4f46e5; }
.radikalwp-card-product-btn {
  position: absolute; left: 12px; bottom: 14px; padding: 8px 14px; border: 0; border-radius: 10px; cursor: pointer;
  background: #4f46e5; color: #fff; font-size: 11px; font-weight: 700; opacity: 0; transform: translateY(8px);
  transition: opacity .25s, transform .25s;
}
.radikalwp-card-product:hover .radikalwp-card-product-btn { opacity: 1; transform: translateY(0); }