.toolbar {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.toolbar-item span {
    box-shadow: none !important;
    padding: 6px 8px !important;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.copy-to-clipboard-button {
    padding: 4px 6px !important;
    box-shadow: none !important; /* Padding inside the button */
}

/* Hide the default text in the button */
.copy-to-clipboard-button span {
    display: none;
}

/* Add an icon before the text */
.copy-to-clipboard-button::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23bbb" width="16px" height="16px"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184" /></svg>');
    display: inline-block;
    vertical-align: middle;
}

/* Checkmark icon with green fill after copy success */
.copy-to-clipboard-button[data-copy-state="copy-success"]::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%233b82f6" viewBox="0 0 24 24" width="16px" height="16px"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.2l-4.2-4.2-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>');
}