Minimal Stat Card

<div class="stat-card">
  <div class="stat-label">Revenue</div>
  <div class="stat-value">$12,480</div>
  <div class="stat-change">+12.5%</div>
</div>

.stat-card {
  width: 180px;
  padding: 22px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  transition: box-shadow .3s, transform .3s;
}
.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
}
.stat-label {
  font-size: 12px;
  font-weight: 500;
  color: #999;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.stat-value {
  font-size: 24px;
  font-weight: 800;
  color: #1a1a1a;
  margin: 4px 0;
  letter-spacing: -.02em;
}
.stat-change {
  font-size: 12px;
  font-weight: 600;
  color: #16a34a;
}