.CustomKeyboard {
  @apply grid gap-2 [grid-template-columns:repeat(auto-fill,minmax(40px,1fr))];
}

.CustomKeyboard li {
  @apply inline-block;
}

.CustomKeyboard li button {
  @apply btu-button btu-button-outline btu-button-gray size-10 bg-white transition;

  /* Enlarge buttons on hover */
  @apply hover:z-[1] hover:scale-150 hover:shadow-md;
}

/* Popup styles */
[data-popup-source-class='rte2-toolbar-custom-keyboard'] {
  .plugin-popup {
    @apply col-span-full overflow-y-auto border-t bg-gray-50 py-6;

    .Widget {
      @apply bg-gray-50;
    }
  }
}
