@use "@pythnetwork/component-library/theme";

.copyButton {
  .iconContainer {
    position: relative;

    .copyIcon {
      opacity: 0.5;
      transition: opacity 100ms linear;
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .checkIcon {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      color: theme.color("states", "success", "normal");
      opacity: 0;
      transition: opacity 100ms linear;
    }
  }

  &[data-is-copied] .iconContainer {
    .copyIcon {
      opacity: 0;
    }

    .checkIcon {
      opacity: 1;
    }
  }
}