.row-actions {
  margin-right: -12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;

  .muted {
    color: #ddd;
    margin-right: 8px;
    cursor: default;
  }

  .hidden {
    display: none;
  }
}

:host ::ng-deep .row-actions > row-action[type="icon"]:first-child {
  transform: translateX(-2px);
}