body.boarding-pass-variant .bottom-nav.has-qr {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.boarding-pass-variant .nav-item--qr {
  gap: 1px;
  padding-block: 2px;
  color: var(--kv-navy);
}

body.boarding-pass-variant .nav-item--qr[hidden] {
  display: none;
}

.nav-qr__icon {
  display: grid;
  width: 40px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  background: var(--kv-yellow);
}

.nav-qr__icon svg {
  width: 24px;
  height: 24px;
}

body.boarding-pass-variant .nav-item--qr:active .nav-qr__icon {
  background: var(--kv-yellow-pressed);
}