.ga-consent[hidden],
.ga-consent-settings[hidden] {
  display: none !important;
}

.ga-consent {
  position: fixed;
  z-index: 10000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  max-width: 62rem;
  margin: 0 auto;
  padding: 1rem 1.125rem;
  color: #10213b;
  background: #fff;
  border: 1px solid #d7e2ef;
  border-radius: .75rem;
  box-shadow: 0 .75rem 2rem rgba(12, 27, 51, .16);
  font: 500 .875rem/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ga-consent__body {
  flex: 1;
  min-width: 0;
}

.ga-consent__body strong {
  display: block;
  margin-bottom: .2rem;
  font-size: 1rem;
}

.ga-consent__body p {
  margin: 0;
}

.ga-consent__policy {
  display: inline-block;
  margin-top: .35rem;
  color: #086bd8;
  text-underline-offset: .2em;
}

.ga-consent__actions {
  display: flex;
  flex: 0 0 auto;
  gap: .55rem;
}

.ga-consent__actions button,
.ga-consent-settings {
  min-height: 2.75rem;
  padding: .65rem 1rem;
  color: #123155;
  background: #fff;
  border: 1px solid #9eb4cc;
  border-radius: .45rem;
  font: 700 .875rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
}

.ga-consent__actions button.is-primary {
  color: #fff;
  background: #0877d1;
  border-color: #0877d1;
}

.ga-consent__actions button:focus-visible,
.ga-consent__policy:focus-visible,
.ga-consent-settings:focus-visible {
  outline: 3px solid #55bde8;
  outline-offset: 3px;
}

.ga-consent-settings {
  position: fixed;
  z-index: 9999;
  right: .75rem;
  bottom: .75rem;
  min-height: 2.25rem;
  padding: .45rem .7rem;
  color: #31455e;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 .25rem .8rem rgba(12, 27, 51, .12);
}

@media (max-width: 42rem) {
  .ga-consent {
    bottom: .6rem;
    flex-direction: column;
    align-items: stretch;
    gap: .8rem;
    padding: .9rem;
  }

  .ga-consent__actions {
    justify-content: stretch;
  }

  .ga-consent__actions button {
    flex: 1;
  }

  .ga-consent-settings {
    bottom: 4.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ga-consent,
  .ga-consent-settings {
    scroll-behavior: auto;
  }
}