#ckbar{position:fixed;left:50%;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));z-index:200;width:min(680px,calc(100% - 24px));
 display:none;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;
 background:#F9F9F9;border:2.5px solid #1F3044;border-radius:22px;box-shadow:6px 6px 0 #1F3044;padding:14px 18px}
#ckbar.on{display:flex}
#ckbar p{margin:0;font-size:13.5px;font-weight:600;color:#54677D;line-height:1.5;flex:1 1 320px}
#ckbar a{color:#7863DB;font-weight:700}
#ckbar button{font-family:inherit;font-weight:800;font-size:14px;background:#8E7CE8;color:#fff;border:2.5px solid #1F3044;
 border-radius:999px;padding:9px 22px;cursor:pointer;box-shadow:4px 4px 0 #1F3044;transition:transform .15s,box-shadow .15s}
#ckbar button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #1F3044}
@media(max-width:520px){#ckbar{bottom:10px;padding:13px 15px}#ckbar button{width:100%}}