/* The icon belongs to its control, so native hide/show cannot leave it behind. */
body .js-item-product.product-item .product-item-quick-shop-container input.js-prod-submit-form.lets-buy-icon,
body .js-modal-private input.js-prod-submit-form.lets-buy-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 4 4 5-6 5 6 4-4-2 12H5L3 6ZM6 21h12'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  background-position: calc(50% - var(--lets-buy-half-text, 28px) - 6px) center !important;
  padding-left: 34px !important;
  padding-right: 12px !important;
}
body .js-item-product.product-item .product-item-quick-shop-container input.js-prod-submit-form:not(.lets-buy-icon):not(.lets-button-loading) {
  background-image: none !important;
}
.js-open-quickshop-wording.lets-buy-wording {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.lets-buy-wording > .lets-buy-crown {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
