.cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:9999;
  background:var(--slate);
  border-top:1px solid rgba(169,143,122,.32);
  padding:20px 24px;
  transform:translateY(100%);
  transition:transform .55s cubic-bezier(0.16,1,0.3,1);
  box-shadow:0 -4px 40px rgba(58,49,44,.28);
}
.cookie-banner.cookie-show{transform:translateY(0)}
.cookie-banner.cookie-hide{transform:translateY(100%)}

.cookie-inner{
  max-width:1280px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
}

.cookie-text{
  font-family:'Jost',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.06em;
  color:rgba(243,238,231,.72);
  flex:1;min-width:220px;line-height:1.6;
}
.cookie-text a{
  color:var(--gold);text-decoration:underline;
  text-underline-offset:3px;transition:color .3s;
}
.cookie-text a:hover{color:var(--blush-mid)}

.cookie-btns{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}

.cookie-btn{
  font-family:'Jost',sans-serif;font-weight:400;
  font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  padding:10px 26px;cursor:pointer;border:1px solid transparent;
  transition:background .3s,border-color .3s,color .3s;
  white-space:nowrap;
}
.cookie-btn--accept{
  background:var(--gold);border-color:var(--gold);
  color:var(--off-white);
}
.cookie-btn--accept:hover{
  background:var(--blush-mid);border-color:var(--blush-mid);
  color:var(--slate);
}
.cookie-btn--decline{
  background:transparent;border-color:rgba(243,238,231,.26);
  color:rgba(243,238,231,.6);
}
.cookie-btn--decline:hover{
  border-color:rgba(243,238,231,.6);
  color:rgba(243,238,231,.9);
}

@media(max-width:600px){
  .cookie-inner{flex-direction:column;align-items:flex-start;gap:16px}
  .cookie-btns{width:100%}
  .cookie-btn{flex:1;text-align:center}
}