.consultation-card {
  --consultation-gold: #a67d31;
  --consultation-art: url("../assets/img/contact-gold-reference.webp");
  position: relative;
  min-width: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 16px;
  padding: clamp(38px, 4.5vw, 64px) clamp(22px, 3vw, 42px);
  border-radius: 16px;
  background: #f6efe5;
  color: #15408b;
  font-family: var(--font-serif);
  text-align: center;
}

.consultation-frame {
  --corner-size: clamp(45px, 5.5vw, 66px);
  --side-strip: calc(var(--corner-size) * .36);
  position: absolute;
  inset: -12px;
  border: var(--corner-size) solid transparent;
  /* Keep the reference corners proportional and stretch the straight lines. */
  border-image: var(--consultation-art) 165 164 stretch;
  mask:
    linear-gradient(#000 0 0) top / 100% var(--corner-size) no-repeat,
    linear-gradient(#000 0 0) bottom / 100% var(--corner-size) no-repeat,
    linear-gradient(#000 0 0) left / var(--side-strip) 100% no-repeat,
    linear-gradient(#000 0 0) right / var(--side-strip) 100% no-repeat;
  pointer-events: none;
}

.consultation-card h2 {
  margin: 0;
  color: #a33529;
  font-size: clamp(2rem, 4vw, 3.5rem);
  letter-spacing: .08em;
}

.consultation-divider {
  width: 68%;
  aspect-ratio: 650 / 52;
  background: var(--consultation-art) center 42.6% / 192.92% auto no-repeat;
}

.consultation-phone {
  color: inherit;
  font-size: clamp(1.75rem, 4.2vw, 3.55rem);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.consultation-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.consultation-actions .btn {
  flex: 1 0 max-content;
  max-width: 185px;
  padding: 11px 15px;
  font: inherit;
  line-height: 1.45;
  cursor: pointer;
}

.consultation-actions .consultation-copy {
  color: inherit;
  border-color: var(--consultation-gold);
  background: transparent;
}

.consultation-actions .consultation-copy:hover { background: #efe5cf; }
.consultation-card .consultation-note { font-size: .875rem; }
.consultation-card .consultation-status:empty { position: absolute; }
.consultation-card .consultation-status { font-size: .875rem; }