* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --text-primary: #222222;
}

.boxo-badge {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 2px 6px;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.boxo-badge.sale {
  background: linear-gradient(90deg, #f45d57 0%, #f58d52 100%);
}
.boxo-badge.sold-out {
  background-color: #aaaaaa;
}