footer {
  padding:40px 0;
  background:#17312c;
  color:white
}

.footer-grid {
  display:flex;
  justify-content:space-between;
  gap:30px
}

@media(max-width:600px) {
  .footer-grid {
    display:block
  }
}

.footer-grid p {
  margin:4px 0 0;
  color:#cddad6
}

dialog {
  border:0;
  border-radius:18px;
  padding:30px;
  width:min(520px,calc(100% - 30px));
  box-shadow:0 30px 80px rgba(0,0,0,.25)
}

dialog::backdrop {
  background:rgba(0,0,0,.55)
}

input,select,textarea {
  width:100%;
  margin-top:6px;
  padding:12px;
  border:1px solid #cfded9;
  border-radius:9px;
  font:inherit
}

.dialog-close {
  position:absolute;
  left:16px;
  top:12px;
  border:0;
  background:none;
  font-size:28px
}

.donate-form {
  display:grid;
  gap:14px
}