.im-consent { box-sizing: border-box; position: fixed; z-index: 1000; inset: auto 1rem 1rem auto; width: min(28rem, calc(100vw - 2rem)); padding: 1rem; color: #13212b; background: #fff; border: 2px solid #1d3545; border-radius: .5rem; box-shadow: 0 .4rem 1.5rem #0003; font: 1rem/1.45 system-ui, sans-serif; }
.im-consent p { margin: 0 0 .7rem; }
.im-consent-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.im-consent button { min-height: 2.75rem; padding: .45rem .8rem; border: 2px solid #1d3545; border-radius: .25rem; background: #fff; color: #13212b; font: inherit; cursor: pointer; }
.im-consent button[aria-pressed="true"] { background: #1d3545; color: #fff; }
.im-consent button:focus-visible { outline: 3px solid #a84900; outline-offset: 2px; }
@media (max-width: 35rem) { .im-consent { inset: auto .5rem .5rem; width: auto; max-height: 55vh; overflow: auto; } }