.header-panier-btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
@media (max-width: 1199.9px) and (min-width: 992px) {
  .header-panier-btn {
    max-inline-size: 20px;
    margin-inline-end: 5px;
  }
}
.header-panier-btn .header-panier-btn-content {
  margin-block-start: -2px;
  margin-inline-start: 22.5px;
}
#mobilenav .header-panier-btn .header-panier-btn-content {
  margin-inline-start: 0;
}
.header-panier-btn svg {
  max-inline-size: 100%;
}
.header-panier-btn .count {
  border: 0;
  border-radius: 50%;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 13px;
  padding-block-start: 3px;
  padding-inline-start: 1px;
  position: absolute;
  inset-inline-end: -4px;
  inset-block-start: -4px;
  inline-size: 20px;
  block-size: 20px;
  transition: opacity 0.3s ease-in-out;
}
.header-panier-btn .count:empty {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sidr .header-panier-btn svg {
  inline-size: 1.5em;
  block-size: 1.5em;
}