.copy-button {
  height: 100%;
  width: 100%;

  button {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0;
    display: block;
    cursor: pointer;
    background-color: var(--pink-1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;

    &.default {
      background-image: url("/assets/clipboard-default-c51971c8.svg");
    }

    &.success {
      background-image: url("/assets/clipboard-success-9982e60e.svg");
    }

    &.failed {
      background-image: url("/assets/clipboard-failed-c8164587.svg");
    }
  }
}