

.bsg-cookie{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:500;
  width:min(360px, calc(100vw - 32px));
  background:var(--bsg-ink, #1e1821);
  color:var(--bsg-on-dark, #f2f1f3);
  border:1px solid var(--bsg-teal, #b45bd0);
  border-radius:13.5px;
  padding:17.1px 17.1px 15px;
  box-shadow:0 18px 40px rgba(18, 13, 20, .32);
  font-family:var(--bsg-sans,"Cabin",sans-serif);
}

.bsg-cookie__head{
  display:flex;
  align-items:center;
  gap:10.7px;
  margin-bottom:8.6px;
}

.bsg-cookie__tag{
  font-family:var(--bsg-mono,"Space Mono",monospace);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.09em;
  color:var(--bsg-ink,#1e1821);
  background:var(--bsg-teal,#b45bd0);
  border-radius:5.4px;
  padding:3.2px 7.5px;
  line-height:1.4;
  flex:0 0 auto;
}

.bsg-cookie__head strong{
  font-size:.9rem;
  font-weight:700;
  color:var(--bsg-on-dark,#f2f1f3);
}

.bsg-cookie__body{
  font-size:.82rem;
  line-height:1.55;
  color:var(--bsg-on-dark-muted,#a9bab6);
  margin:0 0 15px;
}

.bsg-cookie__body code{
  font-family:var(--bsg-mono,"Space Mono",monospace);
  font-size:.85em;
  background:rgba(180, 91, 208, .18);
  color:var(--bsg-teal,#b45bd0);
  padding:1px 5.4px;
  border-radius:4.1px;
}

.bsg-cookie__body a{
  color:var(--bsg-teal,#b45bd0);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}

.bsg-cookie__dismiss{
  display:inline-flex;
  align-items:center;
  gap:6.4px;
  width:100%;
  justify-content:center;
  font-family:var(--bsg-mono,"Space Mono",monospace);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--bsg-ink,#1e1821);
  background:var(--bsg-teal,#b45bd0);
  border:1px solid var(--bsg-teal,#b45bd0);
  border-radius:8.1px;
  padding:11.8px 15px;
  min-height:40px;
}

.bsg-cookie__dismiss:hover{
  background:var(--bsg-teal-deep,#9230b5);
  border-color:var(--bsg-teal-deep,#9230b5);
  color:#ffffff;
}

.bsg-cookie__dismiss:focus-visible{
  outline:3px solid var(--bsg-on-dark,#f2f1f3);
  outline-offset:2px;
}

@media(min-width:520px){
  .bsg-cookie{
    width:340px;
  }
}
