spee.ch/client/scss/click-to-copy/_click-to-copy.scss

.click-to-copy-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: 1px solid $grey-alt;
  border-radius: 6px;
  max-width: 280px;
  .click-to-copy {
    border: none;
    padding: 0.36em 0.5em;
    margin: 0;
    color: black;
    background-color: transparent;
    width: calc(100% - 1em - 2px);
    font-size: 14px;
    color: #2E2F31;
    letter-spacing: -0.6px;
    line-height: 20px;
    max-width: 236px;
    letter-spacing: 0;
    font-family: monospace;
    border-right: 1px solid $grey-alt;
  }
  .icon-wrap {
    width: 30px;
    height: 30px;
    line-height: 34px;
    text-align: center;
    svg {
      stroke: $brand-color;
      width: 16px;
      height: 16px;
    }
  }
}