.pressure-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 2px 18px;
  margin: -8px 0 28px;
  padding: 16px 18px;
  border: 1px solid var(--black);
  box-shadow: inset 5px 0 var(--yellow);
  background: #fffce8;
}

.pressure-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.pressure-card strong {
  grid-row: 1 / 3;
  grid-column: 2;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -.04em;
  white-space: nowrap;
}

.pressure-card small {
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 520px) {
  .pressure-card {
    grid-template-columns: 1fr;
  }

  .pressure-card strong {
    grid-row: auto;
    grid-column: auto;
    margin: 5px 0 3px;
  }
}