Change background color of button via css

Hello!
I want to change the background color (and other properties) of a via a css class. When I define the background color in my class, it is alway overwritten by rz_buton... class from default-basic.css file. My Buttons are all orange. What have I got to do?
Regards Frank

Try increasing the specificity of your CSS selector or use the !important modifier.

The !import modifier will work for me, Thanks!

But isn't there a possibility to modifythe ...\Radzen.Blazor\css\default.css?

How to revert from the Radzen orange color to default Bootstrap blue....modify site.css under wwwroot/css folder by adding:

*.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

If you include the -base.css theme file this shouldn't be a problem to begin with - it shouldn't override or include bootstrap styles.

Actually, all I'm trying to do is style the btn-primary back to blue instead of orange. Here is what I'm importing in _Host.cshtml

<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
<script src="_content/BlazorInputFile/inputfile.js"></script>

Try <link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">