.ab-cookie-banner {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 99999;

  padding: 18px;

  font-family:
    "Manrope",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.ab-cookie-card {
  width: min(
    calc(100% - 4px),
    920px
  );

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 24px;

  align-items: center;

  padding: 22px;

  border-radius: 26px;

  background:
    rgba(
      255,
      255,
      255,
      0.97
    );

  border:
    1px solid
    rgba(
      183,
      110,
      138,
      0.16
    );

  box-shadow:
    0 24px 70px
    rgba(
      70,
      39,
      56,
      0.18
    );

  backdrop-filter:
    blur(18px);
}

.ab-cookie-content {
  min-width: 0;
}

.ab-cookie-badge {
  display: inline-flex;

  margin-bottom: 8px;

  padding: 6px 10px;

  border-radius: 999px;

  background:
    rgba(
      183,
      110,
      138,
      0.10
    );

  color: #b76e8a;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}

.ab-cookie-content h2 {
  margin: 0 0 8px;

  color: #2a1f28;

  font-family:
    "Outfit",
    "Manrope",
    sans-serif;

  font-size: 1.3rem;

  line-height: 1.15;

  letter-spacing: -0.02em;
}

.ab-cookie-content p {
  margin: 0;

  max-width: 640px;

  color: #6f5d68;

  font-size: 0.92rem;

  line-height: 1.55;
}

.ab-cookie-content
.ab-cookie-small {
  margin-top: 7px;

  color: #8d7784;

  font-size: 0.82rem;
}

.ab-cookie-content a {
  color: #9f5f7a;

  font-weight: 700;

  text-decoration: underline;

  text-underline-offset: 3px;
}

.ab-cookie-actions {
  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 10px;

  min-width: 300px;
}

.ab-cookie-button {
  min-height: 48px;

  padding: 11px 17px;

  border-radius: 999px;

  font: inherit;

  font-size: 0.88rem;

  font-weight: 800;

  cursor: pointer;

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.ab-cookie-button:hover {
  transform:
    translateY(-1px);
}

.ab-cookie-accept {
  border:
    1px solid
    #b76e8a;

  color: white;

  background:
    linear-gradient(
      135deg,
      #b76e8a,
      #ca839f
    );

  box-shadow:
    0 10px 24px
    rgba(
      183,
      110,
      138,
      0.20
    );
}

.ab-cookie-reject {
  border:
    1px solid
    rgba(
      84,
      49,
      68,
      0.16
    );

  color: #2a1f28;

  background: white;

  box-shadow:
    0 10px 24px
    rgba(
      70,
      39,
      56,
      0.07
    );
}

.ab-cookie-button:focus-visible,
.ab-cookie-content a:focus-visible {
  outline:
    3px solid
    rgba(
      183,
      110,
      138,
      0.30
    );

  outline-offset: 3px;
}

@media (
  max-width: 720px
) {
  .ab-cookie-banner {
    padding: 10px;
  }

  .ab-cookie-card {
    grid-template-columns:
      1fr;

    gap: 16px;

    padding: 18px;

    border-radius: 22px;
  }

  .ab-cookie-actions {
    width: 100%;

    min-width: 0;
  }

  .ab-cookie-button {
    width: 100%;
  }
}

@media (
  max-width: 420px
) {
  .ab-cookie-actions {
    grid-template-columns:
      1fr;
  }
}