.deo-cookie{
  position:fixed;
  left:1rem;
  bottom:1rem;
  z-index:40; 
  width:min(340px, calc(100% - 2rem));
  display:flex;
  gap:0.7rem;
  align-items:flex-start;
  background:var(--deo-paper-raised, #ffffff);
  border:1px solid var(--deo-line, #ccdaa2);
  border-radius:11.2px;
  padding:0.9rem 0.9rem;
  box-shadow:0 22px 48px -22px rgba(23, 24, 9, 0.55);
}


.deo-cookie[hidden]{ display:none; }

.deo-cookie__icon{
  flex:none;
  width:2.1rem;
  height:2.1rem;
  border-radius:50%;
  background:var(--deo-red-50, #f2f4c8);
  color:var(--deo-red-700, #5f561e);
  display:flex;
  align-items:center;
  justify-content:center;
}
.deo-cookie__icon svg{ width:16px; height:16px; }

.deo-cookie__body{ min-width:0; flex:1 1 auto; }

.deo-cookie__text{
  font-size:.8rem;
  line-height:1.45;
  color:var(--deo-ink-soft, #484b34);
  margin:0 0 0.6rem;
}

.deo-cookie__text a{
  color:var(--deo-red-700, #5f561e);
  font-weight:700;
}

.deo-cookie__actions{ display:flex; flex-wrap:wrap; gap:0.6rem; }

.deo-cookie__dismiss{
  border:0;
  background:var(--deo-red-600, #726722);
  color:#ffffff;
  font-family:var(--deo-font-body, sans-serif);
  font-weight:700;
  font-size:.85rem;
  padding:.6em 1.2em;
  border-radius:699.3px;
  cursor:pointer;
}
.deo-cookie__dismiss:hover{ background:var(--deo-red-700, #5f561e); }

@media (max-width:420px){
  .deo-cookie{ left:.6rem; bottom:.6rem; width:min(360px, calc(100% - 1.2rem)); padding:0.9rem; }
}