.cart-notification {
  position: absolute;
  transform: translateY(-25%) translateX(75%);
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 99rem;
  background-color: var(--color-foreground);
  color: var(--color-background);
}

.cart-notification-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 1.2rem;
  line-height: 1.2rem;
}

@media screen and (max-width: 750px) {
  .cart-notification {
    width: 2rem;
    height: 2rem;
  }
}