CSS on cart buttons

.hikashop_cart_button{
  background-color:#1c3051;
  color:#fff !important;
  height:32px;
  border-radius:5px;
  padding:5px 15px;
  border:solid 1px #999;
  box-shadow:2px 2px 2px #333;   
  transition:all 0.2s ease-in-out 0s; 
}
.hikashop_cart_button:hover{
    background-color:#ff6600;
}

.hikashop_container .hikashop_cart_button{
  background-color:#1c3051;
  color:#fff !important;
  height:32px;
  border-radius:5px;
  padding:5px 15px;
  border:solid 1px #999;
  box-shadow:2px 2px 2px #333;   
  transition:all 0.2s ease-in-out 0s; 
}
.hikashop_container .hikashop_cart_button:hover{
    background-color:#ff6600;
}

To change the color and the size of the price you can use a property like:
.hikashop_product_price{ color: #99cc00;font-size: 14px;}
If you need to edit the class in, for example, only one module, you can prepend the id of the module to the CSS code.
When using the CSS code:
#module_25 .hikashop_product_price{ color: #99cc00;font-size: 14px;}
the color and the size of the price will be changed only in the module with the id “module_25”.
Remember that “#” is used for the IDs and “.” for the classes.
To learn more about CSS, you can visit these websites:

hikacart{background-color:#1c3051;color:#000;height:20px;border-radius:5px;padding:5px 12px;border:solid 1px #999;box-shadow:2px 2px 2px #333;transition:all 0.2s ease-in-out 0s;}

a.hikashop_cart_button, a.hikashop_compare_button, .hikashop_cart_input_button{
  background-color: #1c3051 !important;
    background:none;
  color: #fff !important;
  height:18px;
  border-radius:5px;
  padding:5px 5px;
  border:solid 1px #999;
  box-shadow:2px 2px 2px #333 !important;
  transition:all 0.2s ease-in-out 0s; 
}

a.hikashop_cart_button:hover, a.hikashop_compare_button:hover, .hikashop_cart_input_button:hover{
    background-color:#ff6600 !important;
    background:none;
}