.ldf-notice{
  position:fixed;
  left:1rem;
  bottom:1rem;
  z-index:300;
  width:380px;
  max-width:calc(100% - 2rem);
  max-height:calc(100vh - 2.2rem);
  overflow-y:auto;
  display:flex;
  align-items:stretch;
  background:var(--ldf-white);
  border-radius:18.4px;
  box-shadow:0 20px 46px rgba(22, 35, 8, .30);
}

.ldf-notice[hidden]{display:none;}

.ldf-notice__stub{
  flex:none;
  width:16px;
  background:var(--ldf-coral);
  position:relative;
  border-radius:18.4px 0 0 18.4px;
}
.ldf-notice__stub::before,
.ldf-notice__stub::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255, 255, 255, .85);
}
.ldf-notice__stub::before{top:14px;}
.ldf-notice__stub::after{bottom:14px;}

.ldf-notice__body{
  flex:1;
  min-width:0;
  padding:0.8rem 0.9rem 0.8rem;
  display:flex;
  flex-direction:column;
  gap:0.3rem;
}

.ldf-notice__label{
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ldf-coral-600);
}

.ldf-notice__title{
  font-size:.92rem;
  font-weight:700;
  line-height:1.35;
  color:var(--ldf-ink-deep);
}

.ldf-notice__text{
  font-size:.79rem;
  line-height:1.5;
  color:var(--ldf-ink-soft);
}
.ldf-notice__text a{
  color:var(--ldf-sky-600);
  font-weight:700;
  border-bottom:1px solid currentColor;
}

.ldf-notice__actions{
  margin-top:0.1rem;
  display:flex;
  justify-content:flex-end;
}

.ldf-notice__dismiss{
  border:none;
  background:var(--ldf-ink-deep);
  color:var(--ldf-white);
  font:inherit;
  font-size:.78rem;
  font-weight:700;
  padding:0.5rem 0.8rem;
  border-radius:1148.8px;
  cursor:pointer;
  transition:background-color .16s ease;
}
.ldf-notice__dismiss:hover{background:var(--ldf-sky-600);}
.ldf-notice__dismiss:focus-visible{outline:3px solid var(--ldf-coral);outline-offset:2px;}

@media (max-width:420px){
  .ldf-notice{left:.75rem;bottom:.75rem;max-width:calc(100% - 1.5rem);}
}