.qr54-card {
  text-align: center;
}

.qr54-code {
  width: min(78vw, 310px);
  margin: 1.25rem auto;
  padding: 14px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .22);
}

.qr54-code svg {
  display: block;
  width: 100%;
  height: auto;
}

.qr54-status {
  margin: 1rem 0;
  padding: .85rem 1rem;
  border: 1px solid rgba(233, 185, 85, .45);
  border-radius: 14px;
  background: rgba(233, 185, 85, .09);
  color: #fff8e8;
}

.qr54-status.expired {
  border-color: rgba(231, 95, 95, .55);
  background: rgba(231, 95, 95, .1);
}