.stack-card:last-child {
  grid-column: 1 / -1;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  min-height: 104px;
  background: rgba(255, 253, 249, .88);
}

.stack-card:last-child .stack-card-copy {
  display: block;
  max-width: 640px;
}

.stack-card:last-child h3 {
  margin: 0 0 .28rem;
}

.stack-card:last-child p {
  margin: 0;
}

.github-visit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 44px;
  padding: 0 1rem;
  border: 1px solid rgba(36, 29, 32, .76);
  border-radius: .9rem;
  background: #fffdf9;
  color: var(--ink);
  font-size: .7rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 4px 5px 0 rgba(36, 29, 32, .82);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.github-visit-button:hover {
  transform: translate(-1px, -1px);
  box-shadow: 5px 6px 0 rgba(36, 29, 32, .82);
  background: #fff9f5;
}

.github-visit-button:active {
  transform: translate(2px, 3px);
  box-shadow: 2px 2px 0 rgba(36, 29, 32, .82);
}

.github-button-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
}

.github-button-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html.dark .stack-card:last-child {
  background: rgba(42, 32, 38, .84);
}

html.dark .github-visit-button {
  background: #fff5f1;
  color: #241d20;
  border-color: #fff5f1;
  box-shadow: 4px 5px 0 rgba(0, 0, 0, .5);
}

html.dark .github-visit-button:hover {
  box-shadow: 5px 6px 0 rgba(0, 0, 0, .5);
}

@media (max-width: 760px) {
  .stack-card:last-child {
    grid-column: auto;
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .stack-card:last-child .stack-card-copy {
    display: block;
  }

  .stack-card:last-child h3 {
    margin-bottom: .28rem;
  }

  .github-visit-button {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: .3rem;
  }
}