.month-tabs button.has-new-month {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px 5px 12px;
  border-color: var(--red);
  box-shadow: 0 0 0 2px rgba(196, 26, 37, 0.12);
}

.alloy-new-badge {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 4px;
  color: #fff;
  background: var(--red);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  transform: rotate(-6deg);
}

.month-tabs button.has-new-month:hover .alloy-new-badge,
.month-tabs button.has-new-month.is-active .alloy-new-badge {
  color: var(--red);
  background: #fff;
}