.visitor-choice {
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  width: min(340px, calc(100vw - 32px));
  padding: 16px;
  border: 1px solid #bdcbd5;
  border-radius: 8px;
  background: #fff;
  color: #202b31;
  box-shadow: 0 4px 16px #202b3110;
  font: 13px/1.5 'Mona Sans', sans-serif;
  box-sizing: border-box;
}
.visitor-choice[hidden], .visitor-choice [hidden] { display: none; }
.visitor-choice p { margin: 0 0 12px; }
.visitor-choice a { color: inherit; text-decoration: underline; }
.visitor-choice__actions { display: flex; gap: 10px; }
.visitor-choice button {
  flex: 1;
  padding: 7px 14px;
  border: 1px solid #bdcbd5;
  border-radius: 6px;
  background: #fff;
  color: #202b31;
  cursor: pointer;
  font: inherit;
}
.visitor-choice button:hover { background: #edf3f7; }
.visitor-choice button:focus-visible { outline: 2px solid #345fe2; outline-offset: 3px; }
.visitor-choice button:disabled { opacity: .45; cursor: default; }
@media (max-width: 600px) {
  .visitor-choice { right: 16px; bottom: 16px; }
  .visitor-choice button { min-height: 44px; }
}