/* reusable badges/tags */

.badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background: var(--accent);
}

.sf-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border: 1px solid var(--border2);
  border-radius: 999px;
  font-size: 12px;
  color: var(--accent);
}

.sf-promo-badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: #fff;
  background: var(--accent);
}