.phone-dialog {
  width: min(92vw, 540px);
  padding: 42px;
  border: 1px solid rgba(40, 91, 67, .18);
  border-radius: 22px 70px 22px 70px;
  background: #f6f1df;
  color: #173a2b;
  box-shadow: 0 28px 80px rgba(23, 58, 43, .28);
}
.phone-dialog::backdrop { background: rgba(15, 38, 29, .66); backdrop-filter: blur(5px); }
.phone-dialog-close { position: absolute; top: 16px; right: 18px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; color: #285b43; font-size: 25px; cursor: pointer; }
.phone-dialog .eyebrow { margin-bottom: 10px; }
.phone-dialog h2 { margin: 0 0 26px; font: 400 clamp(36px, 6vw, 55px)/1 Georgia, serif; }
.phone-dialog-number { display: block; width: max-content; max-width: 100%; color: #285b43; font: 600 clamp(23px, 5vw, 34px)/1.2 Georgia, serif; border-bottom: 2px solid #bcdc82; }
.phone-dialog-note { margin: 22px 0 26px; color: #53675e; font-size: 14px; line-height: 1.6; }
.phone-dialog-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.phone-copy { border: 0; cursor: pointer; }
.phone-call-app { color: #285b43; font-size: 13px; font-weight: 800; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
@media (max-width: 560px) { .phone-dialog { padding: 34px 23px; border-radius: 18px 48px 18px 48px; } .phone-dialog-actions { align-items: flex-start; flex-direction: column; } }