CopyCodeButton.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.copy-code {
    align-items: center;
    appearance: none;
    background: unset;
    border: unset;
    border-radius: 50%;
    cursor: pointer;
    display: flex !important; /* Prevents FoUC. */
    height: 32px;
    justify-content: center;
    padding: 6px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 32px;
}

.copy-code:hover {
    background-color: rgb(var(--theme-body-dynamic-color-1--rgb), .08);
}

.copy-code:is(:focus, :active) {
    background-color: rgb(var(--theme-body-dynamic-color-1--rgb), .16);
}

.copy-code .copy-code-icon {
    fill: currentcolor;
    pointer-events: none;
    transition: fill 250ms ease-in;
}

.copy-code.copied .copy-icon,
.copy-code:not(.copied) .done-icon,
.copy-code:not(.error) .error-icon {
    display: none;
}

.copy-code:is(.copied, .error) .copy-code-icon {
    transition-duration: 50ms;
}

/*
** Fixes highlighted line in {{Script Install}} on Dev Wiki
** (bc admins are 2 lazy 2 update https://dev.fandom.com/wiki/MediaWiki:Common.css#L-129) 
*/
.wiki-dev .pi-theme-install .mw-highlight .hll:nth-child(5) {
	background-color: transparent;
}

.wiki-dev .pi-theme-install .mw-highlight .hll:nth-of-type(5) {
	background-color: rgba(var(--theme-accent-color--rgb), .2);
}

.wiki-dev.theme-fandomdesktop-dark .pi-theme-install .mw-highlight .hll:nth-of-type(5) {
	background-color: #505020;
}