.project-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.project-detail > header .project-delete {
  border-color: #d56d50;
  background: #fff4f1;
  color: #a94731;
}

.project-detail > header .project-delete:hover {
  background: #fce1da;
}

@media (max-width: 700px) {
  .project-header-actions {
    width: 100%;
    flex-wrap: wrap;
  }
}