.row-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.row-actions .edit {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: #e8f1e8;
  color: var(--green);
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .15s, background .15s;
}

.row-actions .edit:hover {
  background: var(--lime);
  transform: translateY(-1px);
}