Editing Cart Table and Buttons

Hello,

I am trying to edit cart table, in order for it to match website theme and colour schemes.

As you can see there is a hover feature enabled when you hover over the buttons because of this CSS, which has worked well in the shop part of the page. But for the cart page, the hover effect works, however as you can see in the image and the link provided you can see that it is just blue, but once we hover over it, it does what it supposed to do. I need it to have white border and white writing, and when hovered over, for the border to turn red and writing white.

If you look at the ‘proceed to checkout’ button as well, when hovered over it completely disappears, how do I fix this?
The CSS is what has been used previously for the shop page.

.button.product_type_simple {
background-color: rgba(131, 64, 64, 0) !important;
border-style: solid !important;
border-width: 3px 3px 3px 3px !important;
border-color: #FFFFFF !important;
}

.woocommerce-page .button:hover {
color: #FFFFFF !important;
background-color: #2D2D2D !important;
border-color: #F21204 !important;
}

As well as this, is there a way to edit the cart table border on the top. At the moment its solid white, I would like for it to change colour in order to match the background.

https://ibb.co/RHK85s7

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