.attribution-consent {
  position: fixed;
  z-index: 2147483646;
  right: 1rem;
  bottom: 1rem;
  max-width: 38rem;
  display: flex;
  gap: 1rem;
  align-items: end;
  padding: 1rem;
  color: #f7f8fb;
  background: #161a22;
  border: 1px solid #536074;
  border-radius: .75rem;
  box-shadow: 0 16px 40px rgb(0 0 0 / .28);
  font: 400 .94rem/1.45 Inter, system-ui, sans-serif;
}

.attribution-consent strong { display: block; margin-bottom: .25rem; }
.attribution-consent p { margin: 0 0 .4rem; }
.attribution-consent a { color: #b6d6ff; }
.attribution-consent__actions { display: flex; gap: .5rem; flex: 0 0 auto; }
.attribution-consent button { min-height: 2.5rem; padding: .5rem .75rem; border: 1px solid #8290a6; border-radius: .4rem; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.attribution-consent [data-attribution-accept] { color: #101318; background: #c7f56b; border-color: #c7f56b; font-weight: 700; }

@media (max-width: 640px) {
  .attribution-consent { left: .75rem; right: .75rem; bottom: .75rem; display: block; }
  .attribution-consent__actions { margin-top: .8rem; }
}