/*
Initially hide the cart button in one of the CriticalCSS files like header.css, so this partial can be deferred
*/

.p-widget-woocommerce-cart-count {
  --size: 1.2rem;
  --color: var(--v-color__2);
  --color-background: var(--v-color__3);

  position: absolute;
  z-index: 10;
  top: calc( var(--size) / -2 );
  left: calc( var(--size) / -3.5 );
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color-background);
  color: var(--color);
  font-size: calc( var(--size) / 1.8 );
  line-height: 1;
}

body.is-woocommerce-cart-count .p-widget-woocommerce-cart-count {
  display: flex !important;
  align-items: center;
  justify-content: center;
}