Styling WooCommerce Add to Cart Button: text color, background color, font style, radius,... Created by Tuan (Beaverhero.com)

Styling WooCommerce Add to Cart Button

/* Insert below css into Custom CSS or Addtional CSS, not insert style.css */
/* change background, color, font.... to what you want */
/* You can use Color Name or Color Code. Check color-hex.com to see over 500 Color Code */
.woocommerce button.button.alt {
    background: red;
    color: white;
    font-size: 20px;
    font-weight: 300;
    font-family: "Helvetica", sans-serif;
    border-radius: 10px;
    border: 5px solid green;
}
/* Add to Cart when hovering */
.woocommerce button.button.alt:hover {
    background: violet;
    color: black;
    border-color: yellow;
}
/* This is CSS for QUANTITY BOX */
.woocommerce .quantity .qty {
    border-radius: 10px;
    height: 50px;
    width: 100px;
    background: #f1f1f1;
    color: green;
    font-size: 30px;
}