.cf7-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; }
.cf7-modal[hidden] { display: none; }
.cf7-modal__backdrop { position: absolute; inset: 0; background: rgba(3, 29, 55, .64); }
.cf7-modal__dialog { position: relative; width: min(100%, 560px); max-height: calc(100vh - 40px); overflow: auto; padding: 30px; border-radius: 10px; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, .24); }
.cf7-modal__dialog h2 { margin-right: 30px; }
.cf7-modal__dialog > p { color: var(--muted); font-size: 13px; }
.cf7-modal__dialog .wpcf7-form p { grid-template-columns: 1fr 1fr; }
.cf7-modal__dialog .wpcf7-form > p > label:nth-of-type(3),
.cf7-modal__dialog .wpcf7-form p > span[data-name="privacy"],
.cf7-modal__dialog .wpcf7-form p > input[type=submit] { grid-column: 1 / -1; grid-row: auto; }
.cf7-modal__close { position: absolute; top: 12px; right: 15px; width: 31px; height: 31px; border: 0; background: transparent; color: var(--blue-900); font-size: 28px; line-height: 1; cursor: pointer; }
@media (max-width: 560px) { .cf7-modal { padding: 12px; }.cf7-modal__dialog { padding: 25px 18px; }.cf7-modal__dialog .wpcf7-form p { grid-template-columns: 1fr; }.cf7-modal__dialog .wpcf7-form > p > label, .cf7-modal__dialog .wpcf7-form p > span[data-name="privacy"], .cf7-modal__dialog .wpcf7-form p > input[type=submit] { grid-column: 1; } }