/* استایل‌های نگه‌دارنده تصویر */
.popup-image-wrapper {
    overflow: hidden;
}

/* استایل دکمه با گرادینت سبز */
.btn-gradient-green {
    background: linear-gradient(90deg, #11998e 0%, #38ef7d 100%);
    color: #ffffff !important;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 28px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(56, 239, 125, 0.4);
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    
    /* موقعیت‌دهی دکمه روی تصویر */
    bottom: 12%; /* این مقدار را برای تنظیم ارتفاع دکمه تغییر دهید */
    left: 50%;
    transform: translateX(-50%); /* وسط‌چین کردن دقیق افقی */
    z-index: 10;
}

/* افکت هاور دکمه */
.btn-gradient-green:hover {
    transform: translateX(-50%) translateY(-3px);
    box-shadow: 0 6px 20px rgba(56, 239, 125, 0.6);
    color: #ffffff;
}

/* تنظیمات رسپانسیو برای حالت موبایل */
@media (max-width: 767px) {
    .btn-gradient-green {
        bottom: 8%; /* در صورت نیاز جایگاه دکمه در موبایل را اینجا تنظیم کنید */
        padding: 8px 20px;
        font-size: 14px;
    }
}