@ckeditor/ckeditor5-ai/theme/aichat/aichat-controls/aichat-controls-button.css

AI features for CKEditor 5.

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-button.ck-ai-chat-controls-button {
	--ck-ui-component-min-height: 1.88em;

	padding: var(--ck-spacing-tiny);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	&:not(.ck-button_with-text) {
		margin: 0 0 var(--ck-spacing-tiny) 0;
		padding: var(--ck-spacing-tiny);
	}

	&.ck-button_with-text.ck-ai-chat-controls_context_show-more-button {
		display: block;
		padding: 0;
		border-width: 0;
		letter-spacing: -0.1em;
		text-align: center;
	}

	&:not(.ck-disabled) {
		color: var(--ck-ai-button-tertiary-filled-color);

		&:hover {
			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
			color: var(--ck-ai-button-tertiary-filled-hover-color);

			& .ck-button__icon {
				color: var(--ck-ai-button-tertiary-filled-hover-color);
			}
		}

		&:active {
			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
			color: var(--ck-ai-button-tertiary-filled-active-color);

			& .ck-button__icon {
				color: var(--ck-ai-button-tertiary-filled-active-color);
			}
		}

		&.ck-on:not(:hover):not(:active):not(.ck-disabled) {
			background-color: var(--ck-ai-chat-button-active-background-color);
			color: var(--ck-ai-chat-button-active-color);

			& .ck-button__icon {
				color: var(--ck-ai-chat-button-active-color);
			}
		}
	}

	& > .ck-icon {
		--ck-icon-size: 16px;
	}

	& .ck-dropdown__arrow {
		display: none;
	}

	/* svg {
		margin-right: 0;
		width: auto;
		font-size: 1em;
	} */
}