/* Add custom CSS styles below */ 
/* تنسيق زر عرض المزيد أو الصفحات */
.pagination a,
.load-more {
  background-color: #3a7d6d !important;  /* لون خلفية مميز */
  color: #fff !important;                /* النص أبيض */
  font-size: 18px !important;            /* يكبر الخط */
  font-weight: bold !important;          /* يخلي النص عريض */
  padding: 14px 22px !important;         /* مساحة داخلية أكبر */
  border-radius: 8px !important;         /* زوايا مستديرة */
  display: block !important;
  text-align: center !important;
  margin: 20px auto !important;          /* يخلي الزر في الوسط */
  width: fit-content !important;         /* الحجم يناسب النص */
}


/* عند المرور بالماوس */
.pagination a:hover,
.load-more:hover {
  background-color: #2c5e52 !important;  /* لون أغمق عند التمرير */
  color: #fff !important;
}



.s-button-btn {
    background-color: #FFE4E1!important; 
}

.s-button-btn:hover {
    background-color: #fcbfb8!important; 
}

.s-button-text{
color: #696565!important; 
}