.meta-consent {
  position: fixed;
  z-index: 10000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: min(680px, calc(100% - 2rem));
  margin-inline: auto;
  padding: 1.25rem;
  border: 1px solid #d7d7d7;
  border-radius: 14px;
  background: #fff;
  color: #222;
  box-shadow: 0 12px 40px rgb(0 0 0 / 22%);
  font: 400 1rem/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.meta-consent[hidden],
.meta-consent-settings[hidden] {
  display: none;
}

.meta-consent__title {
  margin: 0 0 .4rem;
  font-size: 1.2rem;
  font-weight: 750;
}

.meta-consent__copy {
  margin: 0;
}

.meta-consent__copy a {
  color: inherit;
  text-decoration: underline;
}

.meta-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}

.meta-consent__button,
.meta-consent-settings {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 2px solid #294b35;
  border-radius: 999px;
  background: #fff;
  color: #294b35;
  font: 700 .95rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
}

.meta-consent__button--accept {
  background: #294b35;
  color: #fff;
}

.meta-consent-settings {
  position: fixed;
  z-index: 9999;
  right: .75rem;
  bottom: .75rem;
  min-height: 38px;
  padding: .5rem .8rem;
  border-width: 1px;
  background: #fff;
  box-shadow: 0 4px 18px rgb(0 0 0 / 16%);
  font-size: .82rem;
}

@media (max-width: 480px) {
  .meta-consent__actions > * {
    flex: 1 1 100%;
  }
}