.quote-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(440px, calc(100% - 40px));
  max-height: calc(100dvh - 40px);
  padding: 38px 32px 24px;
  border: 0;
  border-top: 3px solid var(--gold);
  border-radius: 2px;
  background: #fff;
  color: var(--charcoal);
  font-family: inherit;
  box-shadow: 0 16px 60px #0002;
}
.quote-dialog::backdrop { background: #1e1e1e66; }
.quote-dialog h2 { padding-right: 22px; font-size: 1.5rem; line-height: 1.3; }
.quote-dialog > p[id$="-description"] { color: #555555; }
.quote-dialog .quote-dialog-number { margin-block: 20px 16px; color: var(--charcoal); font-size: 1.6rem; font-weight: 600; user-select: all; }
.quote-dialog > .button { margin-top: 24px; cursor: pointer; }
.quote-dialog > .button:hover { background: #c4a26f; }
.quote-dialog-close { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; color: var(--charcoal); font-size: 1.6rem; line-height: 1; }
.quote-dialog .quote-dialog-feedback { min-height: 24px; margin-top: 12px; font-size: .875rem; }