/* ============================================================================
   The Give page: the two-column panel and the amount buttons.
   ============================================================================ */

.give-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.amt{
  padding:18px 0;text-align:center;border:1px solid rgba(27,23,23,.18);background:#fff;
  font-family:var(--display);font-size:22px;color:var(--ink);cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.amt:hover,.amt.is-selected{background:var(--maroon);border-color:var(--maroon);color:#fff}