.basket-btn .btn,
.brochure-btn .btn {
  overflow: visible;
}

.basket-btn__quantity {
  display: none;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.625rem;
  overflow: visible;
  clip: initial;
  z-index: 2;
  top: 2px;
  right: 2px;
}

.basket-btn__quantity::before {
  content: "";
  opacity: 1;
  top: 0px;
  right: 0px;
}

.basket-btn__quantity,
.basket-btn__quantity::before {
  position: absolute;
  height: 16px;
  width: 16px;
  color: var(--grey-1000);
  background: var(--white);
  border-radius: 50%;
}

.basket-btn__quantity div {
  position: relative;
  z-index: 2;
}

.basket-btn--populated .basket-btn__quantity {
  display: flex;
}

.basket-btn--animated .basket-btn__quantity {
  animation: basket-animation-number-circle 0.8s ease-in-out 0s 1;
}

.basket-btn--animated .basket-btn__quantity::before {
  animation: basket-animation-number-circle-background 0.8s ease-in-out 0s 1;
}

@media (min-width: 48rem) {
  .basket-btn__quantity {
    font-size: 0.875rem;
  }
  .basket-btn__quantity,
  .basket-btn__quantity::before {
    height: 18px;
    width: 18px;
    top: 0px;
    right: 0px;
  }
}
@keyframes basket-animation-number-circle {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes basket-animation-number-circle-background {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}

/*# sourceMappingURL=/assets/application/base/basket-button-347f378f.css.map */