Figure

HTML CSS

<div class="figure">$123B</div>
<p> The 1.5% forecasted U.S. leveraged loan default rate is the lowest since 2011 </p>

.figure {
  margin-bottom: var(--spacing-2);
  font-size: 7.2rem;
  font-weight: 900;
  line-height: var(--line-height-3);
  color: var(--figure-color);
}

.figure + p {
  margin-bottom: 1.2rem;
  font-weight: var(--bold);
}