a[data-target="cart"]::before,
:where(body.ums_a11y_login--on)
  .navigation-buttons
  a[data-target="cart"]::before {
  content: "" !important;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask: url("https://www.aquazahrada.sk/user/documents/upload/gaelta/assets/cart-large-2-svgrepo-com.svg")
    no-repeat center / contain;
  mask: url("https://www.aquazahrada.sk/user/documents/upload/gaelta/assets/cart-large-2-svgrepo-com.svg")
    no-repeat center / contain;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}

.cart-widget-product-amount .quantity,
.cart-widget-product-amount .quantity .decrease,
.cart-widget-product-amount .quantity .increase,
.p-quantity .quantity,
.p-quantity .quantity .decrease,
.p-quantity .quantity .increase {
  border-radius: 12px;
}

.cart-widget-product-amount .quantity .decrease:hover,
.cart-widget-product-amount .quantity .increase:hover,
.p-quantity .quantity .decrease:hover,
.p-quantity .quantity .increase:hover {
  color: #fff !important;
}

.cart-widget-product-amount .quantity .decrease:hover::before,
.cart-widget-product-amount .quantity .increase:hover::before,
.p-quantity .quantity .decrease:hover::before,
.p-quantity .quantity .increase:hover::before {
  background-color: var(--color-primary);
}

.cart-widget-product-amount .quantity .decrease:hover::before,
.p-quantity .quantity .decrease:hover::before {
  border-radius: 12px 0 0 12px !important;
}

.cart-widget-product-amount .quantity .increase:hover::before,
.p-quantity .quantity .increase:hover::before {
  border-radius: 0 12px 12px 0 !important;
}

.next-step .next-step-back,
.next-step .next-step-forward,
.next-step .next-step-finish,
#continue-order-button {
  border-radius: 12px !important;
  font-weight: 600;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

.next-step .next-step-back {
  background: #fff;
  color: var(--color-primary);
  border: 1px solid
    hsla(
      var(--color-primary-h),
      var(--color-primary-s),
      var(--color-primary-l),
      0.15
    );
}

.next-step .next-step-back:hover,
#continue-order-button:hover {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}

.next-step .next-step-forward,
.next-step .next-step-finish,
#continue-order-button {
  box-shadow: 0 6px 16px
    hsla(var(--color-primary-h), var(--color-primary-s), 30%, 0.18);
}

.next-step .next-step-forward:hover,
.next-step .next-step-finish:hover,
#continue-order-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px
    hsla(var(--color-primary-h), var(--color-primary-s), 30%, 0.28);
}

.next-step .next-step-back:active,
.next-step .next-step-forward:active,
.next-step .next-step-finish:active {
  transform: translateY(1px);
}

.next-step .next-step-finish .order-button-suffix {
  display: block;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.8;
  margin-top: 2px;
  text-transform: none;
  letter-spacing: 0.2px;
}
.next-step {
  gap: 10px;
  display: flex;
  flex-direction: column-reverse !important;
  align-items: stretch !important;
}

.next-step .btn-conversion,
#continue-order-button {
  color: #fff !important;
}