.measurement-prompt {
  position: fixed;
  z-index: 10;
  inset: auto 1rem 1rem auto;
  box-sizing: border-box;
  width: min(24rem, calc(100% - 2rem));
  padding: 1rem;
  color: #193c33;
  background: #faf5e9;
  border: 1px solid #164c41;
  border-radius: .5rem;
  box-shadow: 0 .25rem 1rem #164c4133;
}

.measurement-prompt p { margin: 0 0 .75rem; }

.measurement-prompt button,
[data-measurement-settings] button,
[data-pixel-settings] button {
  min-height: 44px;
  padding: .45rem .7rem;
  font: inherit;
  color: #164c41;
  background: #fff;
  border: 1px solid #164c41;
  border-radius: .25rem;
  cursor: pointer;
}

.measurement-prompt button:focus-visible,
[data-measurement-settings] button:focus-visible,
[data-pixel-settings] button:focus-visible {
  outline: 2px solid #164c41;
  outline-offset: 2px;
}

@media print {
  .measurement-prompt { display: none; }
}