.xh-comment-pin-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff4db;
  color: #a15c00;
  font-size: 12px;
  font-weight: 800;
  vertical-align: middle;
}

.postlist > .post[data-pid] .xh-comment-pin-badge {
  white-space: nowrap;
}

.xh-comment-pin-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.xh-comment-pin-toggle.is-busy {
  opacity: .58;
  pointer-events: none;
}

.xh-comment-pin-toggle .fa-thumbtack {
  font-size: 13px;
}

@media (max-width: 575.98px) {
  .xh-comment-pin-badge {
    margin-left: 6px;
    padding: 0 7px;
    font-size: 11px;
  }
}