.butterkolb-copy-wrapper,
.butterkolb-copy-inline {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    display: block; /* Standardmäßig Block-Element */
}

.butterkolb-copy-inline {
    display: inline-block; /* Für Inline-Darstellung */
    padding-right: 60px; /* Platz für den Button */
}

.butterkolb-copy-text {
    display: block;
    white-space: pre-wrap; /* Zeilenumbrüche beibehalten */
    word-break: break-word;
    font-family: monospace;
    font-size: 0.9em;
    color: #333;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    width: calc(100% - 50px); /* Platz für den Button */
}

.butterkolb-copy-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #0073aa; /* WordPress Blau */
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.8em;
    transition: background-color 0.2s ease;
}

.butterkolb-copy-btn:hover {
    background-color: #005177;
}

.butterkolb-copy-btn:active {
    background-color: #003e5c;
}

.butterkolb-copy-btn.copied {
    background-color: #28a745; /* Grün für Erfolg */
    content: "Kopiert!";
}