:root {
  --sticker-size: calc(12em + 4vw);
  --sticker-font-size: 1.125rem;
  --sticker-bg-color: #C7A88C;
  --sticker-text-color: white;
  --sticker-text-bold: #0D1D2C;
}

.temporary-badge__wrapper strong,
.word-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.temporary-badge__wrapper {
  background: var(--sticker-bg-color);
  color: var(--sticker-text-color);
  width: var(--sticker-size, fit-content);
  border-radius: 100vw;
  aspect-ratio: 1/1;
  padding: calc(0.5em + 0.5vw);
  display: grid;
  place-content: center;
  transform: rotate(5deg);
}

.temporary-badge__wrapper a {
  overflow: hidden;
  font-size: var(--sticker-font-size);
  text-align: center;
  margin: 0;
  padding: 0.25em;
  color: inherit;
  text-decoration: none;
}
.temporary-badge__wrapper a span {
  display: block;
  text-transform: uppercase;
  padding: 0 0.5em;
  line-height: 1.1;
}
.temporary-badge__wrapper a strong {
  margin-top: 0.25em;
  display: block;
  color: var(--sticker-text-bold);
  font-weight: bold;
  font-family: "Playfair Display", serif;
  line-height: 1;
}

@media (max-width: 1600px) {
  .temporary-badge__wrapper span {
    max-width: 12em;
  }
}

/*# sourceMappingURL=sticker.css.map */