.bricks-button,
.single_add_to_cart_button,
.woocommerce-Button.button,
.woocommerce-button.button.view,
.button.wc-forward.wp-element-button,
.bricks-button,
.single_add_to_cart_button.button,
.wc-gzd-order-submit #place_order,
.checkout-button.button.alt.wc-forward,
.woocommerce-cart-form__contents .button,
.woocommerce-mini-cart__buttons .button.wc-forward,
.order-again .button {
  border-radius: var(--border-radius-l);
  gap: var(--space-xs);
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1;
  padding: var(--btn-padding-y, 1.5rem) var(--btn-padding-x, 2rem);
  font-size: var(--btn-font-size, var(--fs-body-m));

  svg {
    min-width: var(--fs-icon-s);
    min-height: var(--fs-icon-s);
    width: var(--fs-icon-s);
    height: var(--fs-icon-s);

  }

  &.sm {
    --btn-padding-y: 0.9rem;
    --btn-padding-x: 1.6rem;
    --btn-font-size: var(--fs-body-xs);
    --btn-icon-size: var(--fs-icon-xs);

    svg {
      min-width: var(--btn-icon-size);
      width: var(--btn-icon-size);
      min-height: var(--btn-icon-size);
      height: var(--btn-icon-size);
    }
  }

  &.md {
    --btn-padding-y: 1.4rem;
    --btn-padding-x: 2.4rem;
    --btn-font-size: var(--fs-body-s);
    --btn-icon-size: var(--fs-icon-s);
  }

  &.lg {
    --btn-padding-y: 1.6rem;
    --btn-padding-x: 3rem;
    --btn-font-size: var(--fs-body-m);
    --btn-icon-size: var(--fs-icon-m);

    svg {
      min-width: var(--btn-icon-size);
      width: var(--btn-icon-size);
      min-height: var(--btn-icon-size);
      height: var(--btn-icon-size);
    }
  }

  &.xl {
    --btn-padding-y: 1.8rem;
    --btn-padding-x: 3.2rem;
    --btn-font-size: var(--fs-body-l);
    --btn-icon-size: var(--fs-icon-l);

    svg {
      min-width: var(--btn-icon-size);
      width: var(--btn-icon-size);
      min-height: var(--btn-icon-size);
      height: var(--btn-icon-size);
    }
  }

  &:hover {
    opacity: 0.7;
  }

  &:active {
    opacity: 0.4;
  }

  &.disabled,
  &:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
  }

  &.btn-icon {
    padding: var(--btn-padding-y);


  }
}

.bricks-background-primary,
.single_add_to_cart_button,
.woocommerce-Button.button,
.bricks-background-primary,
.single_add_to_cart_button.button,
.wc-gzd-order-submit #place_order,
.checkout-button.button.alt.wc-forward,
.woocommerce-mini-cart__buttons .button.checkout.wc-forward {
  background-color: var(--color-mid-teal);
  color: #fff;
  border: 2px solid transparent;

  &.btn-light {
    background-color: white;
    color: var(--color-primary);

    &:hover {}

    &:active {}
  }
}

.bricks-background-secondary,
.woocommerce-button.button.view,
.order-again .button {
  background-color: transparent;

  color: #000;
  border: 2px solid  oklch(from var(--color-mid-teal) l c h / 0.2)
;

  &.btn-light {
    color: var(--color-white) !important;
  }
}