.gui-button-secondary {
  @apply bg-white text-blue-primary border-neutral-90;

  .gui-button-secondary-text-overflow {
    @include gradient-overflow(white);
    @apply whitespace-nowrap overflow-hidden;
  }

  &:hover {
    @apply bg-blue-95 border-blue-primary;

    .gui-button-secondary-text-overflow {
      @include gradient-overflow(theme('colors.blue.95'));
    }
  }

  &:focus {
    @apply border-blue-primary shadow-button-secondary-focus;
  }

  &:active,
  .gui-button-secondary-active {
    @apply bg-blue-90 shadow-none;

    .gui-button-secondary-text-overflow {
      @include gradient-overflow(theme('colors.blue.90'));
    }
  }

  &:disabled {
    @apply bg-neutral-95 text-neutral-primary;

    .gui-button-secondary-text-overflow {
      @include gradient-overflow(theme('colors.neutral.95'));
    }
  }
}