Multiple things not working CSS

Trying to create a next button however the text is hidden until I hover over it.

Trying to change the colour of progress bar and error message.

Both not working.

.qsm-btn {
padding: 10px 28px;
color: #FFFFFF;
text-shadow: 1px 0 #FFFFFF;
font-weight: 900;
text-align: center;
cursor: pointer;
text-decoration: none;
position: relative;
font-size: 16px;
background-color:#F46A38;
border-radius:0;
font-weight:600;
letter-spacing:0;
line-height:40px;
}

.qsm-previous{
display:none !important;
}
.mlw_previous{
display:none !important;
}
.mlw_error_message {
color: #F46A38;
font-weight: 900;}

.qsm-before-message {
color: #F46A38;}

.progressbar-text {
color:#3498DB;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
position:relative;
right:0;
top:10px !important;}

qsm-error-message {
font-weight: bold;}

.mlw_error_message_bottom {
padding:10px;}

.mlw_error_message_bottom {
font-weight: bold;}

.qsm-pagination qmn_pagination border margin-bottom {
padding: 10px;}

.mlw_qmn_new_question {
padding: 20px;
color: #F46A38;}

#page .quiz_section input[type=”text”] {
padding: 4px 8px;
min-height: 0;
width: 200px !important;
}
#page .quiz_section {
padding: 10px 0;
}
#page span.mlw_qmn_question {
font-weight: normal;
}

.mlw_qmn_question {
font-weight: bold;}

.qsm-progress-bar {
color:#F46A38;}

.qsm-progress-bar .progressbar-text {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin:0;
position:absolute;
right:10px;
top:15px !important;
}

#qsm-progress-bar svg path {
stroke: #F46A38 !important;
}

.mlw_qmn_message_before {
font-weight: 800;}

.mlw_qmn_question {
font-weight: 800;}

.mlw_qmn_quiz_link {
font-weight: 800;}