.dbqdt-component-browser-container {
    .dbqdt-list-item-container {
        display: flex;
        align-items: center;
        position: relative;

        .dbqdt-list-text {
            flex: 1;
            min-width: 0;
        }

        .dbqdt-list-row-copy-btn {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            padding: 0;
            margin: 0 4px 0 0;
            border: 0;
            background: transparent;
            cursor: pointer;
            opacity: 0;
            pointer-events: none;

            svg {
                width: 16px;
                height: 16px;
                padding: 2px;
                margin: 0;
                fill: $text-color-default;
            }

            &:hover,
            &:focus {
                opacity: 1;
            }
        }

        &:hover .dbqdt-list-row-copy-btn,
        &:focus-within .dbqdt-list-row-copy-btn {
            opacity: 0.85;
            pointer-events: auto;
        }
    }
}