/* 1.0.33: Pay an Invoice page ([vmc_pay], inc/pay.php). The buttons are the site's gold pills (.vmc-cta a in zz-design.css). */
.vmc-pay{box-sizing:border-box;max-width:760px;margin:0 auto;padding:8px 0 56px;text-align:center}
.vmc-pay .vmc-pay__lead{margin:0 auto 28px;font-size:1.125rem;line-height:1.6;color:var(--vd-text,#ecebe7)}
.vmc-pay .vmc-pay__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:0 0 28px}
body.vmc-design .vmc-pay .vmc-pay__btns a.vmc-pay__btn{min-width:240px;padding:14px 28px !important;font-size:1rem !important}
.vmc-pay .vmc-pay__note{margin:0;font-size:14px;line-height:1.6;color:var(--vd-muted,#a3a6ad)}
/* 1.0.34: flag at the start of each button */
body.vmc-design .vmc-pay .vmc-pay__btns a.vmc-pay__btn{display:inline-flex !important;align-items:center;justify-content:center;gap:12px}
.vmc-pay img.vmc-pay__flag{width:28px !important;height:21px !important;max-width:none;margin:0;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.25);flex:none}
@media (max-width:600px){
  .vmc-pay{padding-bottom:40px}
  .vmc-pay .vmc-pay__btns{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto}
  body.vmc-design .vmc-pay .vmc-pay__btns a.vmc-pay__btn{min-width:0;width:100%;box-sizing:border-box}
}