.zdc-copy-code {
    border: 0;
    white-space: nowrap;
    color: var(--main-color);
    background: var(--muted-bg-2-color);
}

.zdc-copy-code:hover,
.zdc-copy-code:focus {
    color: var(--focus-color);
    background: var(--main-border-color);
}

.zdc-copy-code[disabled] {
    cursor: wait;
}

.zdc-copy-message {
    display: inline-block;
    margin-left: 8px;
    color: var(--muted-color);
    font-size: .9em;
    word-break: break-all;
}

.zdc-copy-message--error {
    color: #d63638;
}

@media (max-width: 480px) {
    .zdc-copy-code {
        margin-top: 6px;
    }

    .but-download {
        flex-wrap: wrap;
    }
}