mark[class*="status--1"],
mark[class*="status--2"],
mark[class*="status--3"],
mark[class*="status-k4"],
mark[class*="status-5"],
.order-status.status--1,
.order-status.status--2,
.order-status.status--3,
.order-status.status-k4,
.order-status.status-5 {
    background-color: #28a745 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

mark[class*="status--cashback"],
.order-status.status--cashback {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

mark.order-status.status-preparing {
    background-color: orange !important; 
    border-radius: 4px !important;
    padding: 4px 8px !important;
    display: inline-block !important;
    font-weight: bold !important;
}

mark.order-status.status-preparing span {
    color: #fff !important; 
}

.order-status.status-on-hold {
    background-color: #f4b400 !important;
    border-radius: 4px !important;
    color:black !important;
    padding: 4px 8px !important;
    display: inline-block !important;
    font-weight: bold !important;
}