.elementor-112558 .elementor-element.elementor-element-3a1eefe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-112558 .elementor-element.elementor-element-44fd58c{--display:flex;}.elementor-112558 .elementor-element.elementor-element-b7c2e0c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-76c70b7 *//* --- Custom Black & White Add to Cart Buttons --- */
a.bo-cta,
button.bo-cta,
a.add_to_cart_button,
button.add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: #000000 !important; /* solid black */
  color: #ffffff !important;            /* white text */
  border: none !important;
  border-radius: 999px !important;      /* pill shape */
  font-family:'Albert Sans',system-ui,sans-serif !important;
  font-weight: bold !important;
  font-size: 16px !important;
  padding: 12px 34px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.25s ease, transform 0.2s ease !important;
}

/* Hover effect */
a.bo-cta:hover,
button.bo-cta:hover,
a.add_to_cart_button:hover,
button.add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #1a1a1a !important; /* slightly lighter black on hover */
  color: #ffffff !important;
  transform: scale(1.03);
}

/* Optional: focus/active style for accessibility */
a.bo-cta:focus,
button.bo-cta:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000 !important;
}/* End custom CSS */