.my-element { padding: 2px; transition: border-color 0.3s; }  .my-element[data-status="معروض ومحدث"] { border-color: green; }  .my-element[data-status="متأخرة"] { border-color: red; }  .my-element[data-status="انتظار البيانات"] { border-color: #FFC305; }  .my-element[data-status="التحقق والتطوير"] { border-color: #FFC305; } .status-block__icon[data-status="متأخرة"] { color: red; } .status-block__icon[data-status="انتظار البيانات"] { color: #FFC305; } .status-block__icon[data-status="التحقق والتطوير"] { color: #FFC305; } .status-block__icon[data-status="معروض ومحدث"] { color: green; }  [data-status="approved"] { background-color: #28a745; color: #fff; padding: 4px 5px; border-radius: 6px; } [data-status="pending"] { background-color: #ffc107; color: #000; padding: 4px 5px; border-radius: 6px; } [data-status="rejected"] { background-color: #dc3545; color: #fff; padding: 4px 5px; border-radius: 6px; }