/* Match the existing 489 x 140 reservation banner beside this link. */
.line-contact-banner {
  position: relative;
  display: inline-block;
  width: 489px;
  height: 140px;
  overflow: hidden;
  background: #06c43c;
}

/* The artwork has white outer margins; only the green banner is displayed. */
.line-contact-art {
  position: absolute;
  left: 0;
  top: -28px;
  width: 489px;
  height: 187px;
  max-width: none;
}

/* Preserve every original QR pixel and its white quiet zone. */
.line-contact-qr {
  position: absolute;
  left: 368px;
  top: 15px;
  width: 111px;
  height: 111px;
  overflow: hidden;
  background: #fff;
  pointer-events: none;
}

.line-contact-qr img {
  position: absolute;
  left: -359px;
  top: -16px;
  width: 489px;
  height: 140px;
  max-width: none;
}

.line-contact-banner:hover .line-contact-qr img {
  opacity: 1;
}

.line-contact-banner:focus-visible {
  height: 140px;
  min-height: 0;
  outline: 3px solid #006a2b;
  outline-offset: -3px;
}