.cookie-bar{
  position:fixed;
  z-index:10000;
  left:0;
  right:0;
  bottom:0;
  padding:12px max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  pointer-events:none;
}
.cookie-bar-in{
  pointer-events:auto;
  max-width:1280px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 22px;
  padding:16px 20px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 16px 30px -10px rgba(40,30,90,.32),0 1px 2px rgba(40,30,90,.08);
  border:1px solid rgba(30,26,43,.2);
}
.cookie-bar p{
  margin:0;
  font:400 14.5px/1.45 Figtree,system-ui,sans-serif;
  color:rgba(30,26,43,.78);
  max-width:58ch;
}
.cookie-bar a{
  color:#c8202d;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cookie-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex:none;
}
.cookie-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  border:0;
  font:600 13px Figtree,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.cookie-btn--ghost{
  background:#fff;
  color:#1e1a2b;
  box-shadow:0 8px 20px -8px rgba(40,30,90,.22);
}
.cookie-btn--ghost:hover{transform:translateY(-2px)}
.cookie-btn--primary{
  background:#c8202d;
  color:#fff;
}
.cookie-btn--primary:hover{transform:translateY(-2px);background:#a81722}