/* Add custom CSS styles below */ 

/* الحالة الأساسية للزر */
.s-button-primary-outline,
.s-button-outline {
    background-color: #1c4234 !important;
    color: #ffffff !important;
    border: 1px solid #1c4234 !important;
    box-shadow: none !important;
}

/* النص والأيقونات داخل الزر */
.s-button-primary-outline *,
.s-button-outline * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* عند مرور الماوس: أخضر أغمق قليلًا */
.s-button-primary-outline:hover,
.s-button-outline:hover {
    background-color: #153328 !important;
    color: #ffffff !important;
    border-color: #153328 !important;
    box-shadow: none !important;
}

/* تثبيت لون النص والأيقونات أثناء Hover */
.s-button-primary-outline:hover *,
.s-button-outline:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}