pre {
    position: relative;
    padding-top: 2.5em;
}

.copy-code-button {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8em;
    opacity: 0.7;
    transition: all 0.3s ease;
    z-index: 10;
    
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 2.2em;
    min-height: 2.2em;
    padding: 0.3em;
}

.copy-code-button:hover {
    opacity: 1;
    background-color: #444;
}

.copy-code-button .copy-icon {
    width: 1.4em; 
    height: 1.4em;
    stroke: currentColor;
}

.copy-code-button.copied {
    background-color: #28a745;
    width: auto;
    padding: 0.3em 0.6em;
}