.checkout-button { display:block; margin:14px 3px 0 auto; border:0; background:#e31837; color:#fff; padding:11px 28px; font-weight:700; cursor:pointer; }
dialog { width:min(560px, calc(100% - 30px)); border:0; border-top:7px solid #005daa; padding:32px; box-shadow:0 18px 70px #0006; }
dialog::backdrop { background:#002b50aa; }
.dialog-close { position:absolute; right:14px; top:10px; border:0; background:none; font-size:28px; cursor:pointer; color:#666; }
.checkout-items > div, .checkout-total { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #ddd; }
.checkout-items span { font-size:13px; }
.checkout-total { font-size:18px; margin-top:8px; }
.delivery { background:#eef5fa; border-left:4px solid #005daa; padding:15px; margin:20px 0; }
.delivery p { margin:5px 0; }
.delivery small { color:#666; }
.confirmation { text-align:center; padding:25px 5px; }
.confirmation > span { display:grid; place-items:center; width:65px; height:65px; background:#218838; color:#fff; border-radius:50%; font-size:34px; margin:0 auto 20px; }