/* الزر الرئيسي */
.more-offers-btn {
    display: flex;
    /* ترتيب العناصر بشكل أفقي */
    align-items: center;
    /* توسيط العناصر عمودياً */
    gap: 8px;
    /* مسافة بين الأيقونات والنص */
    padding: 8px 16px;
    /* مسافة داخلية (فوق/تحت - يمين/يسار) */
    background-color: #3a0a23;
    /* خلفية ذهبية شفافة */
    border: 1.5px solid  #d61b7f;
    /* إطار ذهبي باهت */
    color: #ffffff;
    /* لون النص */
    border-radius: 999px;
    /* يجعل الزر كبسولي */
    font-size: 14px;
    /* حجم النص */
    font-weight: 600;
    /* سماكة الخط */
    cursor: pointer;
    /* شكل اليد عند المرور */
    transition: all 0.3s ease;
    /* حركة ناعمة */
    white-space: nowrap;
    /* يمنع نزول النص لسطر ثاني */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    /* ظل خفيف */
}

/* تأثير عند مرور الماوس */
.more-offers-btn:hover {
    background-color: rgba(95, 10, 55, 1);
    /* الخلفية تصبح أوضح */
    border-color: #ff3ea5;
    /* الإطار يصبح ذهبي قوي */
    color: #ffffff;
    /* النص يصبح أفتح */
    transform: translateY(-2px);
    /* الزر يرتفع قليلاً */
}

/* تنسيق الأيقونات */
.offer-icon,
.arrow-icon {
    width: 16px;
    /* عرض الأيقونة */
    height: 16px;
    /* ارتفاع الأيقونة */
    color: #e94aa7;
    /* لون الأيقونات */
    transition: all 0.3s ease;
    /* حركة ناعمة */
}

/* تغيير لون الأيقونات عند المرور */
.more-offers-btn:hover .offer-icon,
.more-offers-btn:hover .arrow-icon {
    color: #e94aa7;
}

/* تنسيق النص */
.offer-text {
    font-weight: 700;
    /* خط أعرض */
    letter-spacing: 0.5px;
    /* مسافة بسيطة بين الحروف */
}
/* للهاتف فقط */
@media (max-width: 768px) {

    .more-offers-btn {

        width: auto;           /* يلغي عرض 100% */

        margin: 0 auto;        /* توسيط الزر */

        justify-content: center; /* توسيط المحتوى داخل الزر */

        text-align: center;    /* توسيط النص */
    }
}