JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dxmLite_Moderno">

    <div class="red dxm-disabled" Text="D" ItemStyle-Width="104" Name="I">
        if button is disabled and red => have style red
    </div>
    
    <div class="red" Text="D" ItemStyle-Width="104" Name="I">
        if button is enabled and red => I dont want any style
    </div>
    
    <div class="blue dxm-disabled" Text="D" ItemStyle-Width="104" Name="I">
        if button is disabled and blue => have style blue
    </div>

    <div class="blue" Text="D" ItemStyle-Width="104" Name="I">
        if button is enabld and blue => I don't want any style
    </div>
    
</div>

CSS

.dxmLite_Moderno .dxm-disabled.red {
    color: #f00;
}
.dxmLite_Moderno .dxm-disabled.blue {
    color: #00f;
}

.dxmLite_Moderno .dxm-disabled,
.dxmLite_Moderno .dxm-disabled a.dx {
    color: rgb(1, 211, 211);
    border-style: none !important;
    height: 36px;
    padding-top: 2px;
}