.code-wrapper {
    position: relative;
    background: #e8e8e8;
    /* grey background */
    border-radius: 4px;
    padding: 1rem;
}

/* override any theme background on the pre/code itself */
.code-wrapper pre {
    background: transparent !important;
    margin: 0;
    padding: 0;
}

.copy-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    /* pinned to the right */
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    line-height: 1;
    cursor: pointer;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.copy-btn:hover {
    opacity: 1;
}

.examples-page .code-wrapper {
    background: #191919;
    color: #f5f5f5;
}