.project-card.is-planned .project-visual:after {
  content: "○ planned";
}

.project-footer .project-action {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px dashed #b9c9d8;
  border-radius: 10px;
  background: #f2f5f8;
  color: #7b8795;
  font: 800 12px ui-monospace, SFMono-Regular, Consolas, monospace;
  white-space: nowrap;
  cursor: not-allowed;
}

@media (max-width: 720px) {
  .project-footer .project-action {
    width: 100%;
    justify-content: center;
  }
}