:root {
  --button-color: #404040;
  --hover-background: #f0eeed;
}

.woocommerce div.product .button,
.woocommerce div.product .button.alt,
.woocommerce div.product .button.single_add_to_cart_button,
.woocommerce-page div.product .button,
.woocommerce-page div.product .button.alt,
.woocommerce-page div.product .button.single_add_to_cart_button {
  background: var(--button-color);
  border: 1px solid var(--button-color);
  color: #fff;
}

.woocommerce div.product .button.alt:hover,
.woocommerce div.product .button.single_add_to_cart_button:hover,
.woocommerce div.product .button:hover,
.woocommerce-page div.product .button.alt:hover,
.woocommerce-page div.product .button.single_add_to_cart_button:hover,
.woocommerce-page div.product .button:hover {
  color: var(--button-color);
  border-color: var(--button-color);
  background: var(--hover-background);
}

.chosen-products .woocommerce ul.products[class*="columns-"] li.product .button,
.chosen-products
  .woocommerce-page
  ul.products[class*="columns-"]
  li.product
  .button {
  background: var(--button-color);
  border: 1px solid var(--button-color);
}

.chosen-products
  .woocommerce
  ul.products[class*="columns-"]
  li.product
  .button:hover,
.chosen-products
  .woocommerce-page
  ul.products[class*="columns-"]
  li.product
  .button:hover {
  color: var(--button-color);
  border-color: var(--button-color);
  background: var(--hover-background);
}


.woocommerce .block-woo ul.products[class*="columns-"] li.product .button,
.woocommerce-page .block-woo ul.products[class*="columns-"] li.product .button {
  background: var(--button-color);
  border: 1px solid var(--button-color);
}
.woocommerce .block-woo ul.products[class*="columns-"] li.product .button:hover,
.woocommerce-page
  .block-woo
  ul.products[class*="columns-"]
  li.product
  .button:hover {
    color: var(--button-color);
    border-color: var(--button-color);
    background: var(--hover-background);
}