.row-actions,
.form-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.row-actions form {
  margin: 0;
}

.card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.card-head h3 {
  margin-right: auto;
}

.icon-button {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #eef5f1;
  color: var(--green);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.icon-button:hover {
  background: #dfebe5;
}

.icon-button.danger-icon {
  background: #fff1ef;
  color: var(--red);
  border-color: #efd2ce;
}

.icon-button.danger-icon:hover {
  background: #f7deda;
}

.form-actions {
  grid-column: 1 / -1;
}