.sticker {
  --sticker-bg: #ff3b30;
  --sticker-color: #fff;
  --sticker-border: transparent;
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 8px; font-size:12px; line-height:1; font-weight:600;
  color:var(--sticker-color); background:var(--sticker-bg);
  border:1px solid var(--sticker-border); border-radius:999px;
  white-space:nowrap;
}
.sticker__icon { width:14px; height:14px; object-fit:contain; }

/* Варианты */
.sticker--pill { border-radius:999px; }
.sticker--tag { border-radius:6px; }

.sticker--ribbon { position:relative; border-radius:6px; padding-right:14px; }
.sticker--ribbon::after{
  content:''; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:0; height:0; border-left:7px solid var(--sticker-bg);
  border-top:7px solid transparent; border-bottom:7px solid transparent;
}

.sticker--corner {
  position:absolute; top:6px; left:6px; width:auto; padding:0;
  background:none; border:none; color:var(--sticker-bg); font-weight:700;
}
.sticker--corner::before{
  content:attr(data-text);
  position:absolute; top:0; left:0; transform:rotate(-45deg) translate(-30%, -70%);
  background:var(--sticker-bg); color:var(--sticker-color);
  padding:4px 36px; font-size:11px; border-radius:0;
}
/* Позиции (для абсолютных) */
.sticker-pos{ position:absolute; z-index:4; }
.sticker-pos.top-left{ top:6px; left:6px; }
.sticker-pos.top-right{ top:6px; right:6px; }