.clipboard-button {
  position: absolute;
  display: flex;
  float: right;
  right: 0;
  top: 0;
  padding: 0.69em;
  margin: 0.5em;
  color: var(--outlinegray);
  border-color: var(--dark);
  background-color: var(--lightgray);
  filter: contrast(1.1);
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.8em;
  z-index: 1;
  opacity: 0;
  transition: 0.12s;
  
  & > svg {
    fill: var(--light);
    filter: contrast(0.3);
  }
  
  &:hover {
    cursor: pointer;
    border-color: var(--primary);
    
    & > svg {
      fill: var(--primary);
    }
  }
  
  &:focus {
    outline: 0;
  }
}

.highlight {
  position: relative;
  
  &:hover > .clipboard-button {
    opacity: 1;
    transition: 0.2s;
  }
}