.copy-btn {
    position: relative;
}

.copy-btn svg {
    transition: none;
}

.copy-btn svg:last-child {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.copy-btn.copied svg:first-child {
    visibility: hidden;
}

.copy-btn.copied svg:last-child {
    visibility: visible;
}

#copyDocBtn {
    background: none;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    padding: 5px 7px;
    color: #6b7280;
    line-height: 0;
    transition: background 0.15s, color 0.15s;
}

#copyDocBtn:hover {
    background: #f8f9fa;
    color: #212529;
}