.wwr-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:10px 0;
}

.wwr-badges--loop{
  margin-top:8px;
}

/* Unified black badges */
.wwr-badge{
  width:78px;
  height:78px;
  border-radius:999px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;
  text-decoration:none;
  padding:8px;

  background:#0b0b0b;
  color:#fff;

  border:1px solid rgba(255,255,255,.20);
  box-shadow: 0 1px 0 rgba(0,0,0,.08);

  line-height:1.05;
}

.wwr-badge__pts{
  font-size:26px;
  font-weight:850;
  letter-spacing:-0.6px;
}

.wwr-badge__pts-suffix{
  font-size:11px;
  font-weight:750;
  margin-left:4px;
  opacity:.85;
}

.wwr-badge__src{
  font-size:10px;
  font-weight:700;
  opacity:.92;
  margin-top:4px;

  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wwr-badge__vintage{
  font-size:10px;
  font-weight:650;
  opacity:.75;
  margin-top:2px;
}

/* Fix hover / focus styles for linked badges */
a.wwr-badge,
a.wwr-badge:hover,
a.wwr-badge:focus,
a.wwr-badge:active,
a.wwr-badge:visited {
  color: #fff !important;
  text-decoration: none;
}

a.wwr-badge:hover {
  background: #000;
  border-color: rgba(255,255,255,.35);
}