.copy-box {
  position: relative;
  &:hover {
    .copy-btn-box {
      transform: scale(1);
    }
  }
  .copy-btn-box {
    position: absolute;
    display: inline-flex;
    align-items: center;
    transform: scale(0);
    transition: transform 0.2s;
    .copy-btn {
      position: relative;
      float: right;
      width: 20px !important;
      height: 20px !important;
      padding: 0;
      overflow: hidden !important;
      background-color: transparent !important;

      > span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        margin: 0 !important;
        transform: translateY(0);
        transition: transform 0.2s !important;
      }
    }

    .copying {
      > span {
        &:nth-of-type(1) {
          transform: translateY(-18px);
        }

        &:nth-of-type(2) {
          color: #3fb666;
          transform: translateY(-18px);
        }
      }
    }
  }
}
table {
  tbody {
    tr {
      td {
        .copy-btn {
          margin-top: 2px;
          transform: scale(0);
        }

        &:hover {
          .copy-btn {
            transform: scale(1);
          }
        }
      }
    }
  }
}