Adjust Cart icon font, position on screen, and colors

Site URL: https://www.fitbarstrong.com/

I want to be able to adjust the "Cart (X)" font on desk top and mobile, and I want to move the "Cart (X)? from the bottom of the page to the top of the page.

I may also want to change to an actual ICON, although I think I have seen code for that.

Using Fulton / 7.0

I would also like to adjust the background color of the block. 

See attached,

Thanks!

Add to Design > Custom CSS

/* header cart */
a.custom-cart-button {
    color: red;
    font-size: 30px;
    font-family: monospace;
}
@media only screen and (max-width:768px) {
div.sqs-custom-cart {
    top: 0 !important;
    bottom: auto;
}
}