.fund {
  position: relative; display: grid; gap: 10px; align-content: start; padding: 20px 20px 18px;
  border: 1px solid var(--line-2); background: color-mix(in srgb, var(--void) 92%, transparent);
}
.fund > .px.tl { left: -1px; top: -1px; } .fund > .px.tr { right: -1px; top: -1px; }
.fund > .px.bl { left: -1px; bottom: -1px; } .fund > .px.br { right: -1px; bottom: -1px; }
.fund__tag { font: 11px/1 var(--pix); letter-spacing: var(--pix-ls, 1px); text-transform: uppercase; color: var(--red-hi); }
.fund__title { font: 700 22px/1.1 var(--display); text-transform: uppercase; color: var(--ink); }
.fund__about { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.fund__bar { position: relative; height: 12px; border: 1px solid var(--line-2); background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--hi) 4%, transparent) 0 6px, transparent 6px 8px); }
.fund__bar i {
  position: absolute; left: 0; top: 0; bottom: 0; display: block;
  background: linear-gradient(90deg, var(--red), var(--red-hi)); box-shadow: 0 0 12px var(--red-glow);
}
.fund.is-done .fund__bar i { background: linear-gradient(90deg, #2c8f65, #3fbf8a); box-shadow: 0 0 12px rgba(63, 191, 138, .4); }
.fund__nums { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.fund__nums b { font: 700 24px/1 var(--display); color: var(--ink); }
.fund__nums span { font-size: 14px; color: var(--mute); }
.fund__nums em { margin-left: auto; font: 13px/1 var(--pix); font-style: normal; letter-spacing: var(--pix-ls, 1px); color: var(--red-hi); }
.fund.is-done .fund__nums em { color: #3fbf8a; }
.fund__meta { font-size: 13px; color: var(--mute); }
.fund__btn { justify-self: start; }