/* Add custom CSS styles below */ 
/* Add custom CSS styles below */
.s-button-primary {
    border-color: #f7af18;
    background-color: transparent; /* الخلفية شفافة */
    color: #f7af18;
    transition: background-color 0.3s ease, color 0.3s ease; /* تأثير الانتقال */
}

/*الاضافة للسلة*/
.s-button-primary:hover {
    background-color: #783000; /* تغيير لون الخلفية إلى الأحمر عند التمرير */
    color: #f7af18; /* تغيير لون النص إلى الأبيض عند التمرير */
}

/*اشتري الان*/
.s-add-product-button-mini-checkout {
    background-color: #f7af18;
    border: 1px #f7af18; /* إضافة حواف بيضاء */
    border-radius: 12px; /* إضافة حواف مستديرة */
    transition: background-color 0.3s ease, color 0.3s ease; /* تأثير الانتقال */
}
salla-mini-checkout-widget .s-add-product-button-mini-checkout-content {
    color: #783000 !important; /* لون النص الأبيض */
    font-size: 14px; /* حجم الخط */
    font-family: var(--font-main), -apple-system, BlinkMacSystemFont;;
}
.s-add-product-button-mini-checkout:hover {
    background-color: #783000; /* تغيير لون الخلفية عند التمرير */
    color: white; /* الحفاظ على لون النص الأبيض */
}