You should look at the CSS of these on our demo website using firebug.
Firebug is really handy to get CSS from other websites and tweak it directly on the page to see if it does what you want.
Here is a tutorial:
www.tutorial9.net/tutorials/web-tutorial...opment-with-firebug/
We use that CSS:
.hikashop_product_quantity_main .hikashop_product_stock .button {
color: #167E93;
font-weight: bold;
background-image: url(../images/add_cart.png);
background-repeat: no-repeat;
background-position: right;
height: 32px;
padding-right: 40px;
background-color: transparent;
cursor: pointer;
}
#hikashop_add_to_cart_continue_div .hikashop_cart_input_button {
background-image: url(../images/shopping.png);
background-position: right;
background-repeat: no-repeat;
background-color: transparent;
color: #167E93;
padding-right: 45px;
height: 40px;
font-weight: bold;
}
#hikashop_add_to_cart_checkout_div .hikashop_cart_input_button {
background-image: url(../images/checkout.png);
background-position: right;
background-repeat: no-repeat;
background-color: transparent;
color: #167E93;
padding-right: 45px;
height: 40px;
font-weight: bold;
}