.mbcc {
  position: fixed; z-index: 140; left: 50%; translate: -50% 0; bottom: 22px; width: min(460px, calc(100vw - 2 * var(--gutter, 20px)));
  padding: 1.15rem 1.2rem 1.1rem; border-radius: 14px; border: 1px solid rgba(245, 245, 242, .14);
  background: rgba(11, 11, 13, .94); color: #F5F5F2; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
  font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  opacity: 0; transform: translateY(16px); transition: opacity .35s, transform .5s cubic-bezier(.16, 1, .3, 1);
}
.mbcc.is-on { opacity: 1; transform: none; }
.mbcc__title { margin: 0 0 .45rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(245, 245, 242, .62); }
.mbcc__text { margin: 0 0 1rem; font-size: .9rem; line-height: 1.5; color: rgba(245, 245, 242, .9); }
.mbcc__text a { color: #F5F5F2; text-decoration: underline; text-underline-offset: 3px; }
.mbcc__row { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.mbcc__btn { height: 42px; border-radius: 999px; border: 1px solid rgba(245, 245, 242, .3); background: transparent; color: #F5F5F2; cursor: pointer;
  font: inherit; font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; transition: background-color .25s, border-color .25s; }
.mbcc__btn:hover { border-color: rgba(245, 245, 242, .7); }
.mbcc__btn--yes { background: #F5F5F2; border-color: #F5F5F2; color: #050505; }
.mbcc__btn--yes:hover { background: #fff; }
.mbcc__btn:focus-visible, .mbcc__text a:focus-visible, .mbcc-manage:focus-visible { outline: 2px solid #D90E43; outline-offset: 3px; }
.mbcc-manage { margin-inline-start: .9rem; padding: 0; border: 0; background: none; color: inherit; font: inherit; opacity: .8; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px; }
.mbcc-manage:hover { opacity: 1; }
@media (max-width: 599px) {
  .mbcc { left: 12px; right: 12px; bottom: 12px; width: auto; translate: none; }
}
@media (prefers-reduced-motion: reduce) { .mbcc { transition: none; transform: none; } }