.wd-quantity-overlap {
   --quantity-space: 80px;
}
.wd-quantity-overlap div.quantity {
   position: absolute;
   bottom: 0;
   inset-inline-start: 0;
   z-index: 2;
   height: 100%;
   filter: brightness(0.95);
   transform: translate3d(0, 0, 0);
}
.wd-quantity-overlap div.quantity input[type] {
   height: 100%;
   border: none;
   background-color: var(--btn-accented-bgcolor);
   box-shadow: var(--btn-accented-box-shadow);
   color: var(--btn-accented-color);
   transition: all 0.25s ease;
   font-weight: bold;
}
.wd-quantity-overlap div.quantity input[type]:hover {
   filter: brightness(0.95);
}
.wd-quantity-overlap div.quantity input[type="button"] {
   min-width: 25px;
   border-radius: 0;
}
.wd-quantity-overlap div.quantity:not(.hidden) + div .button,
.wd-quantity-overlap div.quantity:not(.hidden) + link + div .button,
.wd-quantity-overlap div.quantity:not(.hidden) + link + link + div .button {
   padding-inline-start: var(--quantity-space);
}
.wd-quantity-overlap div.quantity:not(.hidden) + div .button:before,
.wd-quantity-overlap div.quantity:not(.hidden) + link + div .button:before,
.wd-quantity-overlap div.quantity:not(.hidden) + link + link + div .button:before {
   inset-inline-start: var(--quantity-space);
}
.wd-quantity-overlap div.quantity:not(.hidden) + div .button:after,
.wd-quantity-overlap div.quantity:not(.hidden) + link + div .button:after,
.wd-quantity-overlap div.quantity:not(.hidden) + link + link + div .button:after {
   inset-inline-start: calc(50% - 9px + var(--quantity-space) / 2);
}
.wd-quantity-overlap div.quantity:not(.hidden) + .single_add_to_cart_button {
   padding-inline-start: calc(20px + var(--quantity-space));
}
.wd-quantity-overlap :is(div, .cart):hover > div.quantity input[type],
.wd-quantity-overlap :is(div, .cart):hover > div.quantity + div .button {
   background-color: #f3f3f3;
   box-shadow: var(--btn-accented-box-shadow-hover);
   color: var(--btn-accented-color-hover);
}
.wd-quantity-overlap :is(div, .cart):active > div.quantity {
   bottom: var(--btn-accented-bottom-active);
}
.wd-quantity-overlap :is(div, .cart):active > div.quantity input[type],
.wd-quantity-overlap :is(div, .cart):active > div.quantity + div .button {
   box-shadow: var(--btn-accented-box-shadow-active);
}
.wd-quantity-overlap div.quantity:active {
   bottom: 0 !important;
}
.wd-quantity-overlap div.quantity:active input[type],
.wd-quantity-overlap div.quantity:active + div .button {
   box-shadow: var(--btn-accented-box-shadow) !important;
}