.actionIconWrapper {
  @apply h-8 w-8 p-2 rounded-md hover:bg-gray-100 !important;
}

.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);
}

.actionItemIcon {
  @apply w-4 h-4 text-gray-500;
}

.actionItem {
  @apply h-9 py-2 px-3 mx-1 flex items-center space-x-2 hover:bg-gray-100 rounded-lg cursor-pointer;
  width: calc(100% - 0.5rem);
}

.deleteActionItem {
  @apply hover:bg-red-50 !important;
}

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