.clipboard-icon {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 8px;
    vertical-align: middle;
    background: transparent;
    transition: transform 0.15s ease, background 0.15s ease;
}

.clipboard-icon:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    border-radius: 2px;
    top: -3px;
    left: 2px;
    background: #fff;
}

.clipboard-icon:after {
    content: none;
}

.icon:before,
.icon:after {
    position: absolute;
    display: block;
}

.clipboard-icon.copied {
    transform: scale(1.10);
}