.gui-button-icon-dark {
  &:not(.gui-button-icon-no-fill) .gui-icon path {
    fill: theme('colors.neutral.70');
  }

  &.gui-button-icon:active,
  &.gui-button-icon-active {
    @apply bg-neutral-40 border-neutral-40;

    &:not(.gui-button-icon-no-fill) .gui-icon path {
      fill: white;
    }

    &:hover {
      @apply bg-neutral-30;
    }

    &:focus {
      @apply border-white;
    }
  }

  &:hover {
    @apply bg-neutral-30 border-neutral-30;

    &:not(.gui-button-icon-no-fill) .gui-icon path {
      fill: white;
    }
  }

  &:focus {
    @apply bg-neutral-40 border-white shadow-button-icon-dark-focus;

    &:not(.gui-button-icon-no-fill) .gui-icon path {
      fill: white;
    }
  }
}