.gg-cookie-settings {
  position: fixed;
  z-index: 9998;
  left: 10px;
  bottom: 10px;
  min-height: 32px;
  border: 1px solid rgba(182, 156, 105, .38);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(9, 10, 11, .78);
  color: rgba(246, 242, 232, .78);
  font: 600 10px/1.2 Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
  opacity: .72;
  transition: opacity .2s ease, border-color .2s ease;
}

.gg-cookie-settings:hover,
.gg-cookie-settings:focus-visible {
  border-color: rgba(182, 156, 105, .7);
  opacity: 1;
}

.gg-cookie-banner {
  position: fixed;
  z-index: 9999;
  right: 18px;
  bottom: 18px;
  left: 18px;
  max-width: 720px;
  margin: 0 auto;
  border: 1px solid rgba(182, 156, 105, .55);
  border-radius: 14px;
  padding: 18px;
  background: #090a0b;
  color: #f6f2e8;
  font: 400 14px/1.55 Arial, sans-serif;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
}

.gg-cookie-banner[hidden],
.gg-cookie-settings[hidden] { display: none; }

.gg-cookie-banner p { margin: 0; }
.gg-cookie-banner a { color: #d8be86; }

.gg-cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.gg-cookie-actions button {
  flex: 1 1 170px;
  border: 1px solid #b69c69;
  border-radius: 8px;
  padding: 11px 16px;
  font: 700 13px/1 Arial, sans-serif;
  cursor: pointer;
}

.gg-cookie-accept { background: #b69c69; color: #08090a; }
.gg-cookie-reject { background: transparent; color: #f6f2e8; }

@media (max-width: 520px) {
  .gg-cookie-banner { right: 10px; bottom: 10px; left: 10px; padding: 16px; }
  .gg-cookie-actions button { flex-basis: 100%; }
  .gg-cookie-settings {
    left: 5px;
    bottom: 5px;
    min-height: 24px;
    padding: 3px 6px;
    font-size: 8px;
    opacity: .45;
  }
}