How can I make specific CSS changes to my ecommerce store?

[mystore123d]

Hey Expert,

I recently installed a review app on my store and I need help in making a few css changes. They have a separate CSS setting area to make the changes. 

This is the option and the codes I have added earlier.

Now I will explain my problems. Please help me resolve the same.

This is the website URL: https://ae7201.myshopify.com/products/prime-apex-blue-racing-sweatshirt

Problem 1:
Remove the hover effect on the button and change the "Next" button colour to #ff3130

Problem 2: 
Remove the white borders. Please set the borders to 0px

Problem: 3

This problem is with the mobile version. Please change the top and bottom background colours to #F1EFE7. I have added the classes to target to save your time.

Please help me with these items alone so that I can go live. Thank you so much. 

[Wholesalehelper · Accepted solution]

Hello, @mystore123d 
Greetings from the Wholesale Helper Support Team! Happy to help you today.

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save

<style>
.reviews-button:hover{
    background-color:none !important; 
}
.reviews-button{
    background-color:#ff3130 !important; 
}
#reviews-custom-option-item-active{
    border: 0px !important;
}
@media only screen and (max-width: 800px){
 .review-detail-body .review-detail-content{
    background-color: #F1EFE7 !important;
 }
 .review-detail-body .review-detail-content .review-detail-header{
    background-color: #F1EFE7 !important;
 }
}
</style>

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team