.actionItem {
  @apply h-9 py-2 px-3 mx-1 flex items-center gap-2 rounded-lg cursor-pointer;
}

.actionName {
  @apply text-gray-700 text-sm;
}

.commonIcon {
  @apply w-4 h-4 inline-block align-middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.actionIcon {
  @apply bg-gray-500;
  mask-image: url(~@/assets/action.svg);
}

body .btn.open,
body .btn:hover {
  background: url(~@/assets/action.svg) center center no-repeat transparent;
  background-size: 16px 16px;
}

body .btn:hover {
  background-color: #F2F4F7;
}

.deleteActionItem:hover .deleteActionItemChild {
  @apply text-red-500; 
}