/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

//
// COPY > BUTTON
//

// mostly the hds-button but with a few style tweaks
// so the CSS is scoped to the component class (we're not changing any of the other class names)
.hds-copy-button {
  cursor: pointer;

  .hds-button__icon {
    color: var(--token-color-foreground-action);
  }

  &:hover,
  &.mock-hover {
    .hds-button__icon {
      color: var(--token-color-foreground-action-hover);
    }
  }

  &:active,
  &.mock-active {
    .hds-button__icon {
      color: var(--token-color-foreground-action-active);
    }
  }

  &.hds-copy-button--status-success {
    .hds-button__icon {
      color: var(--token-color-foreground-success);
    }
  }

  &.hds-copy-button--status-error {
    .hds-button__icon {
      color: var(--token-color-foreground-critical);
    }
  }
}