.qr-container {
  border: 0 !important;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  transition: all .5s;
  z-index: 99;
  width: 140px;
  height: 165px;
  /* color: #b90127; */
  font-size: 1.375rem;
  border-radius: 22px;
  cursor: pointer;
  background-color: transparent;
  --tw-shadow: 0px 4px 24px 0px rgba(88, 102, 126, .08), 0px 1px 2px 0px rgba(88, 102, 126, .12);
  box-shadow: var(--tw-shadow);
  overflow: hidden;
}
.qr-card {
  border-radius: 22px;
  overflow: hidden;
}
.thumbnail-rounded {
  border-radius: 22px;
}

@media only screen and (min-width: 375px) {
  .qr-container {
    width: 160px;
    height: 185px;
    bottom: 1rem;
    right: 1rem;
  }
}

@media only screen and (min-width: 412px) {
  .qr-container {
    width: 180px;
    height: 205px;
    bottom: 1rem;
    right: 1rem;
  }
}

@media only screen and (min-width: 1500px) {
  .qr-container {
    width: 220px;
    height: 265px;
    bottom: 2.2rem;
    right: 2.2rem;
  }
}