.meta-consent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 22px;
  padding: 18px max(20px, calc((100% - 1180px) / 2));
  color: #15243b;
  background: #eef4ff;
  border-block-end: 1px solid #c5d4ed;
  font-size: 13px;
  line-height: 1.5;
  text-align: start;
  overflow-wrap: anywhere;
}

.meta-consent-copy { flex: 1 1 360px; min-width: 0; }
.meta-consent-copy strong { font-weight: 800; }
.meta-consent-copy p { margin: 4px 0; }
.meta-consent a { color: #124fa7; text-decoration: underline; text-underline-offset: 3px; }
.meta-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.meta-consent-button {
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #687f9e;
  border-radius: 8px;
  color: #15243b;
  background: #fff;
  font: inherit;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
.meta-consent-button:hover { background: #dae8ff; }
.meta-consent-button:focus-visible,
.meta-consent a:focus-visible { outline: 3px solid #1668ed; outline-offset: 3px; }
.meta-consent.has-choice { padding-block: 10px; }
.meta-preferences-link { flex-shrink: 0; }
.meta-privacy-note { font-size: 12px; line-height: 1.5; }
.meta-privacy-note a { text-decoration: underline; text-underline-offset: 3px; }
.success-card .meta-consent { margin: 0 0 22px; padding: 14px; border: 1px solid #c5d4ed; border-radius: 8px; }
.success-card .meta-consent-copy { flex-basis: 100%; }
.success-card .meta-consent-actions { width: 100%; }
.success-card .meta-consent-button { flex: 1 1 180px; }

@media (max-width: 640px) {
  .meta-consent { gap: 10px; padding: 14px 16px; font-size: 12px; }
  .meta-consent-copy { flex-basis: 100%; }
  .meta-consent-actions { width: 100%; }
  .meta-consent-button { flex: 1 1 190px; }
  .meta-consent.has-choice { align-items: flex-start; }
  .meta-consent.has-choice span { flex: 1 1 180px; }
}