Add button color

I am using this plugin and it is very good. However, I need to have a red button, but there is currently no red button in the code. I changed the colors in the code in the file “sdm_wp_styles.css” before the last update and got my red buttons, but now they are white with red hover text.

.sdm_download.red{
background: #d22026;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#d22026′, endColorstr=’#d22026′); /* IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d22026), to(#d22026)); /* WebKit */
background: -moz-linear-gradient(top, #e8686c, #d22026);
border-color: #d22026 #d22026 #d22026;
color: #ffffff;
text-shadow: 0 1px 0 #ec7e82;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #e49093;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #e49093;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #e49093;
}

.sdm_download.red:hover{
background: #fa3d43
color: #18aeb4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#18aeb4′, endColorstr=’#18aeb4′); /* IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d22026), to(#d22026)); /* WebKit */
background: -moz-linear-gradient(top, #b8d872, #e13339);
border-color: #c81e23 #d11f25 #d52026;
text-shadow: 0 1px 0 #ed878b;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #d7e9a4;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #d7e9a4;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #d7e9a4;
}

An example short code is:
[sdm_download id=”15672″ fancy=”3″ new_window=”1″ color=”red” ?button_text=”Download Brochure”] The fancy=3 used to produce a simple rectangular button with rounded corners that was red, but now is white background with simple black text.

I am not an experienced developer so I am not sure how to get my buttons to be red again. The Download Button color is set to Red in the plugin Settings.

Any help is appreciated.

The page I need help with: [log in to see the link]