How to change ONLY the 'add to cart' button?

I would like to make the "add to cart" button a little bigger
than the rest of the buttons and maybe a different color too.

I think I see where I can change the look of all of them together
in the CSS, but I want to target this specific one and make it
bigger and more noticeable from the ones next to it.

How can I do that?

Thanks.

Hi there,

You're right, you'll have to add some css in System>Configuration>Display in the front end css file to do so.
Simply add the css property to the button's class. It should look like this:

.hikashop_cart_input_button{
/*your css*/
}

Remember that you can use your browser or some extension like firebug to spot the class and id you want to custom with css

I believe that you might have specified the wrong class name.
Are you sure you didn't mean 'hikashop_cart_button'?

For instance I can place CSS in here to change the button.

a.hikashop_cart_button {
/* MY CSS */
}

BUT, my problem is that the changes are applied to more
than just the 'Add to cart' button. That way modifies other
buttons like 'Add to wishlist' as well.

I am trying to target ONLY the 'Add to cart' button.

What PHP file contains the actual code that is inserting this
'Add to cart' button into the page content?

Thanks.