/* Default font */
.dwpe-wrap { font-family: 'Jost', sans-serif; }

/* Layout */
.dwpe-wrap .dwpe-head { display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.dwpe-wrap .dwpe-title { margin:0; line-height:1.2; }
.dwpe-wrap .dwpe-subtitle { margin:.25rem 0 1rem; opacity:.9; }

/* Heart icon */
.dwpe-heart { font-size:1.1em; line-height:1; }

/* Preset buttons (squares) */
.dwpe-presets { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom: .75rem; }
.dwpe-presets .dwpe-preset {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:72px; padding:.6rem .8rem; border:1px solid #ddd; border-radius:10px;
  background:#f7f7f7; cursor:pointer; user-select:none; transition:all .15s ease;
}
.dwpe-presets .dwpe-preset:hover { transform: translateY(-1px); }
.dwpe-presets .dwpe-preset.dwpe-active { outline:2px solid #111; }

/* Inputs */
.dwpe-custom-amount input,
.dwpe-note textarea {
  width:100%; padding:.6rem .75rem; border:1px solid #ddd; border-radius:10px; background:#fff;
  margin-bottom:.75rem;
}

/* Submit button */
.dwpe-submit {
  display:inline-block; border:1px solid #111; background:#111; color:#fff;
  padding:.7rem 1.2rem; border-radius:12px; line-height:1; cursor:pointer; transition:all .15s ease;
}
.dwpe-submit:hover { filter:brightness(1.08); }