/* Плашка cookie. Правила взяты из custom.css: в style.css их нет. Цвета — токены fluid.css. */
.cookie{
  background:var(--bg2);
  color:var(--fg);
  border:1px solid var(--line);
  border-radius:8px;
  padding:2rem 3rem;
  max-width:1200px;
  width:96%;
  position:fixed;
  line-height:1.5;
  left:0;
  right:0;
  margin:auto;
  bottom:8rem;
  display:flex;
  align-items:center;
  z-index:14;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  box-shadow:0 5px 23px -3px rgba(0,0,0,.3);
}
.cookie.active{opacity:1;pointer-events:all}
.cookie__desc{color:var(--fg);font-size:.9rem;font-weight:400}
.cookie .cookie__actions{
  flex-shrink:0;
  margin-left:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.cookie .cookie__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:600 .98rem/1 var(--font);
  text-decoration:none;
  border-radius:999px;
  padding:1rem 1.6rem;
  border:1px solid transparent;
  background:var(--green);
  color:var(--ink);
  cursor:pointer;
}
.cookie .cookie__btn:hover{background:#8bd084}
.cookie .cookie__decline{
  font-size:15px;
  color:var(--fg);
  padding:6px 8px;
  text-decoration:none;
}
@media (max-width:720px){
  .cookie{flex-direction:column;align-items:stretch;padding:1.2rem 1.4rem;bottom:1.5rem}
  .cookie .cookie__actions{margin-left:0;margin-top:12px;flex-direction:row;align-items:center;justify-content:space-between}
  .cookie .cookie__btn{flex:1 1 auto}
}