.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.wc-forward,
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-error a.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.cart-detail p.woocommerce-mini-cart__buttons a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);

  font-family: var(--btn-font);
  font-weight: var(--btn-weight);
  font-size: var(--btn-fs-md);
  letter-spacing: var(--btn-ls);
  line-height: var(--btn-lh);
  text-transform: none;
  text-decoration: none;

  padding: var(--btn-pad-y-md) var(--btn-pad-x-md);
  border: var(--btn-border-width) solid var(--btn-sec-border);
  border-radius: var(--btn-radius);
  background: var(--btn-sec-bg);
  color: var(--btn-sec-text);

  transition: var(--btn-transition);
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
}


.woocommerce a.button.alt,
.woocommerce a.button.checkout,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .checkout-button,
.woocommerce #place_order,
.woocommerce .single_add_to_cart_button,
.woocommerce .widget_shopping_cart .buttons a.checkout,
.cart-detail p.woocommerce-mini-cart__buttons a.button.checkout,
.woocommerce button[type="submit"].woocommerce-Button.button,
.woocommerce button[type="submit"].woocommerce-button.button {
  background: var(--btn-prim-bg);
  color: var(--btn-prim-text);
  border-color: var(--btn-prim-border);
}


.woocommerce div.product form.cart .single_add_to_cart_button {
  font-size: var(--btn-fs-lg);
  padding: var(--btn-pad-y-lg) var(--btn-pad-x-lg);
}
.woocommerce ul.products li.product a.button,
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce table.cart td.actions .button {
  font-size: var(--btn-fs-sm);
  padding: var(--btn-pad-y-sm) var(--btn-pad-x-sm);
}


.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.cart-detail p.woocommerce-mini-cart__buttons a.button:hover {
  background: var(--btn-sec-bg-hover);
  color: var(--btn-sec-text-hover);
  border-color: var(--btn-sec-border-hover);
}


.woocommerce a.button.alt:hover,
.woocommerce a.button.checkout:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce .checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .widget_shopping_cart .buttons a.checkout:hover,
.cart-detail p.woocommerce-mini-cart__buttons a.button.checkout:hover {
  background: var(--btn-prim-bg-hover);
  color: var(--btn-prim-text-hover);
  border-color: var(--btn-prim-border-hover);
}


.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.cart-detail p.woocommerce-mini-cart__buttons a.button.disabled {
  background: var(--btn-disabled-bg);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled-border);
  opacity: var(--btn-disabled-opacity);
  cursor: not-allowed;
}


.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #respond input#submit:focus-visible,
.cart-detail p.woocommerce-mini-cart__buttons a.button:focus-visible {
  outline: var(--btn-focus-width) solid var(--btn-focus-color);
  outline-offset: var(--btn-focus-offset);
}


.woocommerce a.added_to_cart {
  display: inline-flex;
  align-items: center;
  gap: var(--btn-gap);
  font-family: var(--btn-font);
  font-weight: var(--btn-weight);
  font-size: var(--btn-fs-sm);
  letter-spacing: var(--btn-ls);
  padding: var(--btn-pad-y-text) var(--btn-pad-x-text);
  background: var(--btn-text-bg);
  color: var(--btn-text-color);
  border: none;
  text-decoration: none;
  transition: var(--btn-transition);
}
.woocommerce a.added_to_cart:hover {
  color: var(--btn-text-color-hover);
  background: transparent;
}


.woocommerce-page .wc-block-components-button,
.woocommerce-page .wp-element-button {
  font-family: var(--btn-font);
  font-weight: var(--btn-weight);
  font-size: var(--btn-fs-md);
  letter-spacing: var(--btn-ls);
  line-height: var(--btn-lh);
  padding: var(--btn-pad-y-md) var(--btn-pad-x-md);
  border: var(--btn-border-width) solid var(--btn-prim-border);
  border-radius: var(--btn-radius);
  background: var(--btn-prim-bg);
  color: var(--btn-prim-text);
  transition: var(--btn-transition);
  box-shadow: none;
}
.woocommerce-page .wc-block-components-button:hover,
.woocommerce-page .wp-element-button:hover {
  background: var(--btn-prim-bg-hover);
  color: var(--btn-prim-text-hover);
  border-color: var(--btn-prim-border-hover);
}
.woocommerce-page .wc-block-components-button:focus-visible,
.woocommerce-page .wp-element-button:focus-visible {
  outline: var(--btn-focus-width) solid var(--btn-focus-color);
  outline-offset: var(--btn-focus-offset);
}
.woocommerce-page .wc-block-components-button__text { color: inherit; }