@ckeditor/ckeditor5-ai 47.5.0 → 47.6.0-alpha.0

package/dist/index.css

@@ -621,6 +621,100 @@
 			border-right: 0;
 		}
 
+/*
+ * 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-2026, 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-tabs__resize.ck-on:not(:hover) {
+		background-color: var(--ck-ai-button-tertiary-background-color);
+	}
+
+/*
+ * 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-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+:root {
+	--ck-color-ai-chat-shortcut-border-color: hsla(261, 100%, 93%, 1);
+	--ck-color-ai-chat-shortcut-icon-color: hsl(263, 59%, 52%);
+	--ck-color-ai-chat-shortcut-icon-color-hover: hsla(262, 100%, 96%, 1);
+	--ck-color-ai-chat-shortcuts-prompt-input-animation-background: hsl(266, 100%, 64%, .05);
+
+	--ck-ai-chat-shortcut-border-radius: .6em;
+	--ck-ai-chat-shortcut-padding: var(--ck-spacing-medium) calc(2 * var(--ck-spacing-standard));
+	--ck-ai-chat-shortcut-min-height: 3.07em;
+	--ck-ai-chat-shortcut-icon-size: 1.385em;
+
+	--ck-ai-chat-shortcuts-prompt-input-animation: ck-ai-chat-shortcuts-prompt-input-glow .8s ease-in-out;
+	--ck-ai-chat-shortcuts-prompt-input-animation-box-shadow: 0 0 0 4px hsla(263, 59.20%, 52.00%, 0.34);
+	--ck-ai-chat-shortcuts-prompt-input-animation-border: 1px solid hsla(263, 59.20%, 52.00%, 1);
+}
+
+/* A list of shortcut buttons. */
+.ck.ck-ai-chat-shortcuts > .ck-list {
+		gap: var(--ck-spacing-medium);
+		padding: 0;
+
+		/* A single shortcut button on the shortcuts list. */
+	}
+.ck.ck-ai-chat-shortcuts > .ck-list .ck.ck-button.ck-ai-chat-shortcut {
+			border-radius: var(--ck-ai-chat-shortcut-border-radius);
+			border-color: var(--ck-color-ai-chat-shortcut-border-color);
+			padding: var(--ck-ai-chat-shortcut-padding);
+			min-height: var(--ck-ai-chat-shortcut-min-height);
+			font-weight: 500;
+		}
+.ck.ck-ai-chat-shortcuts > .ck-list .ck.ck-button.ck-ai-chat-shortcut .ck-icon {
+				--ck-icon-size: var(--ck-ai-chat-shortcut-icon-size);
+				--ck-icon-font-size: 1em;
+
+				color: var(--ck-color-ai-chat-shortcut-icon-color);
+				margin-right: var(--ck-spacing-standard);
+				flex: 0 0 auto;
+			}
+.ck.ck-ai-chat-shortcuts > .ck-list .ck.ck-button.ck-ai-chat-shortcut:hover {
+				background-color: var(--ck-color-ai-chat-shortcut-icon-color-hover);
+			}
+
+/*
+ * By default, the messages in the AI Chat are listed at the top of the Chat feed space.
+ * This moves the welcome message and shortcuts to the bottom of the feed but does not affect the scrolling behavior.
+ */
+.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__items {
+	margin-top: auto;
+}
+
+/**
+ * When the prompt input gets highlighted from the shortcuts, animate the border and box-shadow
+ * using AI tint to make it more visible.
+ */
+.ck.ck-ai-chat__prompt-input.ck-search.ck-ai-chat__prompt-input_highlighted .ck.ck-input.ck-textarea {
+	--ck-color-ai-chat-prompt-input-animation-background: var(--ck-color-ai-chat-shortcuts-prompt-input-animation-background);
+
+	animation: var(--ck-ai-chat-prompt-input-animation), var(--ck-ai-chat-shortcuts-prompt-input-animation);
+}
+
+@keyframes ck-ai-chat-shortcuts-prompt-input-glow {
+	0% {
+		box-shadow: var(--ck-ai-chat-shortcuts-prompt-input-animation-box-shadow);
+		border: var(--ck-ai-chat-shortcuts-prompt-input-animation-border);
+	}
+
+	100% {
+		box-shadow: var(--ck-focus-outer-shadow);
+		border: var(--ck-focus-ring);
+	}
+}
+
 /*
  * 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,
@@ -653,6 +747,11 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+:root {
+	--ck-color-ai-chat-prompt-input-animation-background: hsl(55 100% 95% / 1);
+	--ck-ai-chat-prompt-input-animation: ck-ai-chat-prompt-input-glow .8s ease-in-out;
+}
+
 .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view {
 		width: 100%;
 	}
@@ -679,6 +778,15 @@
 			visibility: hidden;
 		}
 
+/**
+	 * When the focus is moved to the prompt input using the focus() method, the background color
+	 * can be highlighted for a short time to capture the user's attention.
+	 */
+
+.ck.ck-ai-chat__prompt-input.ck-search.ck-ai-chat__prompt-input_highlighted .ck.ck-input.ck-textarea {
+		animation: var(--ck-ai-chat-prompt-input-animation);
+	}
+
 .ck.ck-ai-chat__prompt-input.ck-search .ck-ai-chat__prompt-submit-button {
 		height: auto;
 		align-self: flex-end;
@@ -695,6 +803,16 @@
 			opacity: 1;
 		}
 
+@keyframes ck-ai-chat-prompt-input-glow {
+	0% {
+		background: var(--ck-color-ai-chat-prompt-input-animation-background);
+	}
+
+	100% {
+		background: var(--ck-color-input-background);
+	}
+}
+
 /*
  * 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,
@@ -817,7 +935,6 @@
 .ck.ck-ai-chat-controls .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button {
 		position: absolute;
 		bottom: 3px;
-		opacity: .7;
 		margin: 0;
 	}
 
@@ -973,6 +1090,8 @@
 .ck.ck-button.ck-ai-chat-controls-button {
 	--ck-ui-component-min-height: 1.88em;
 
+	color: var(--ck-ai-button-tertiary-color);
+	background-color: var(--ck-ai-button-tertiary-background-color);
 	padding: var(--ck-spacing-tiny);
 	flex-shrink: 0;
 	display: flex;
@@ -993,36 +1112,36 @@
 		text-align: center;
 	}
 
-.ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled) {
-		color: var(--ck-ai-button-tertiary-filled-color);
+.ck.ck-button.ck-ai-chat-controls-button:disabled,
+	.ck.ck-button.ck-ai-chat-controls-button.ck-disabled {
+		color: var(--ck-ai-button-tertiary-disabled-color);
+		background-color: var(--ck-ai-button-tertiary-disabled-background-color);
 	}
 
-.ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover {
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
-			color: var(--ck-ai-button-tertiary-filled-hover-color);
+.ck.ck-button.ck-ai-chat-controls-button:disabled > .ck.ck-button__label,
+		.ck.ck-button.ck-ai-chat-controls-button.ck-disabled > .ck.ck-button__label,
+		.ck.ck-button.ck-ai-chat-controls-button:disabled > .ck-button__icon,
+		.ck.ck-button.ck-ai-chat-controls-button.ck-disabled > .ck-button__icon {
+			opacity: 1;
 		}
 
-.ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover .ck-button__icon {
-				color: var(--ck-ai-button-tertiary-filled-hover-color);
-			}
+.ck.ck-button.ck-ai-chat-controls-button:active,
+	.ck.ck-button.ck-ai-chat-controls-button.ck-on {
+		color: var(--ck-ai-button-tertiary-active-color);
+		background-color: var(--ck-ai-button-tertiary-active-background-color);
+	}
 
-.ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active {
-			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
-			color: var(--ck-ai-button-tertiary-filled-active-color);
+.ck.ck-button.ck-ai-chat-controls-button:active:hover:not(.ck-disabled), .ck.ck-button.ck-ai-chat-controls-button.ck-on:hover:not(.ck-disabled) {
+			color: var(--ck-ai-button-tertiary-hover-active-color);
+			background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
 		}
 
-.ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active .ck-button__icon {
-				color: var(--ck-ai-button-tertiary-filled-active-color);
-			}
-
-.ck.ck-button.ck-ai-chat-controls-button.ck-on:not(.ck-disabled):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);
-		}
+/* stylelint-disable-next-line no-descending-specificity */
 
-.ck.ck-button.ck-ai-chat-controls-button.ck-on:not(.ck-disabled):not(:hover):not(:active):not(.ck-disabled) .ck-button__icon {
-				color: var(--ck-ai-chat-button-active-color);
-			}
+.ck.ck-button.ck-ai-chat-controls-button:hover:not(.ck-disabled, :active, .ck-on) {
+		color: var(--ck-ai-button-tertiary-hover-color);
+		background-color: var(--ck-ai-button-tertiary-hover-background-color);
+	}
 
 .ck.ck-button.ck-ai-chat-controls-button > .ck-icon {
 		--ck-icon-size: 16px;
@@ -1352,7 +1471,6 @@
 			border: 0;
 			font-size: .9em;
 			margin-inline-end: 0;
-			color: var(--ck-ai-chat-color-icon);
 			padding-top: 0;
 			padding-bottom: 0;
 			min-height: auto;
@@ -1366,24 +1484,6 @@
 				width: auto;
 			}
 
-.ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover {
-				background-color: var(--ck-ai-chat-button-active-background-color);
-				color: var(--ck-ai-chat-button-hover-color);
-			}
-
-.ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover .ck-dropdown__arrow {
-					color: var(--ck-ai-chat-button-hover-color);
-				}
-
-.ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on:not(:hover) {
-				background-color: var(--ck-ai-chat-button-active-background-color);
-				color: var(--ck-ai-background-color-action-button);
-			}
-
-.ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on:not(:hover) .ck-dropdown__arrow {
-					color: var(--ck-ai-background-color-action-button);
-				}
-
 .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item:not(:last-child) {
 					margin-bottom: var(--ck-spacing-medium-small);
 				}
@@ -1990,19 +2090,6 @@
  * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-.ck.ck-ai-mini-toolbar {
-	--ck-color-button-action-background: hsl(263.2, 59.2%, 52%);
-	--ck-color-button-default-hover-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-default-active-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-on-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-on-hover-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-on-active-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-on-disabled-background: hsl(262.1, 100%, 96.3%);
-	--ck-color-button-on-color: hsl(263.2, 59.2%, 52%);
-	--ck-color-button-action-hover-background: hsl(262.6, 58.9%, 49.6%);
-	--ck-color-button-action-active-background: hsl(262.6, 58.9%, 49.6%);
-	--ck-color-button-action-disabled-background: hsl(263.8, 59.3%, 75.9%);
-}
 .ck.ck-ai-mini-toolbar .ck-ai-interaction-counter {
 		color: var(--ck-ai-chat-color-icon);
 		letter-spacing: 2.6px;
@@ -2013,9 +2100,6 @@
 		font-family: var(--ck-ai-chat-font-family);
 		color: var(--ck-ai-chat-color-icon);
 	}
-.ck.ck-ai-mini-toolbar .ck.ck-button.ck-on {
-			color: var(--ck-ai-background-color-action-button);
-		}
 .ck.ck-ai-mini-toolbar .ck.ck-button.ck-button_with-text {
 			min-height: 2.1em;
 			box-sizing: border-box;
@@ -2248,7 +2332,7 @@
 		}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back:hover {
-				background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
+				background-color: var(--ck-ai-button-tertiary-hover-background-color);
 			}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon {
@@ -2437,6 +2521,7 @@
 	--ck-ai-button-primary-background-color: hsla(263, 59%, 52%, 1);
 	--ck-ai-button-primary-disabled-background-color: hsla(263, 59%, 52%, 0.5);
 	--ck-ai-button-primary-hover-background-color: hsla(263, 59%, 40%, 1);
+	--ck-ai-button-primary-active-background-color: hsla(263, 59%, 40%, 1);
 
 	/* Secondary button */
 	--ck-ai-button-secondary-color: hsla(263, 59%, 52%, 1);
@@ -2448,30 +2533,27 @@
 	--ck-ai-button-secondary-hover-background-color: hsla(262, 100%, 96%, 1);
 	--ck-ai-button-secondary-active-background-color: hsla(262, 100%, 96%, 1);
 
-	/* Tertiary text button */
-	--ck-ai-button-tertiary-text-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-disabled-text-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-tertiary-text-background-color: transparent;
-	--ck-ai-button-tertiary-text-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-text-hover-color: hsla(0, 0%, 20%, 1);
-
-	/* Tertiary filled button */
-	--ck-ai-button-tertiary-filled-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-filled-disabled-color: hsla(0, 0%, 44%, 0.5);
-	--ck-ai-button-tertiary-filled-hover-color: hsla(0, 0%, 20%, 1);
-	--ck-ai-button-tertiary-filled-active-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-filled-background-color: transparent;
-	--ck-ai-button-tertiary-filled-disabled-background-color: hsla(0, 0%, 93%, 1);
-	--ck-ai-button-tertiary-filled-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-filled-active-background-color: hsla(262, 100%, 96%, 1);
+	/* Tertiary button */
+	--ck-ai-button-tertiary-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-disabled-color: hsla(0, 0%, 44%, 0.5);
+	--ck-ai-button-tertiary-hover-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-active-color: hsla(263, 59%, 52%, 1);
+	--ck-ai-button-tertiary-background-color: transparent;
+	--ck-ai-button-tertiary-disabled-background-color: transparent;
+	--ck-ai-button-tertiary-hover-background-color: hsla(0, 0%, 94%, 1);
+	--ck-ai-button-tertiary-active-background-color: hsla(262, 100%, 96%, 1);
+	--ck-ai-button-tertiary-hover-active-background-color: hsla(261, 100%, 93%, 1);
+	--ck-ai-button-tertiary-hover-active-color: hsla(263, 59%, 52%, 1);
 }
 .ck.ck-button.ck-ai-button-primary {
 		color: var(--ck-ai-button-primary-color);
 		background-color: var(--ck-ai-button-primary-background-color);
 		border: 1px solid transparent;
+		gap: var(--ck-spacing-small);
 	}
-.ck.ck-button.ck-ai-button-primary:hover {
-			background-color: var(--ck-ai-button-primary-hover-background-color);
+.ck.ck-button.ck-ai-button-primary:active,
+		.ck.ck-button.ck-ai-button-primary.ck-on {
+			background-color: var(--ck-ai-button-primary-active-background-color);
 		}
 .ck.ck-button.ck-ai-button-primary:disabled,
 		.ck.ck-button.ck-ai-button-primary.ck-disabled {
@@ -2484,14 +2566,15 @@
 			.ck.ck-button.ck-ai-button-primary.ck-disabled > .ck-button__icon {
 				opacity: 1;
 			}
+.ck.ck-button.ck-ai-button-primary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-primary-hover-background-color);
+		}
 .ck.ck-button.ck-ai-button-secondary {
 		color: var(--ck-ai-button-secondary-color);
 		background-color: var(--ck-ai-button-secondary-background-color);
 		border: 1px solid var(--ck-ai-button-secondary-border-color);
+		gap: var(--ck-spacing-small);
 	}
-.ck.ck-button.ck-ai-button-secondary:hover {
-			background-color: var(--ck-ai-button-secondary-hover-background-color);
-		}
 .ck.ck-button.ck-ai-button-secondary:active,
 		.ck.ck-button.ck-ai-button-secondary.ck-on {
 			background-color: var(--ck-ai-button-secondary-active-background-color);
@@ -2508,59 +2591,45 @@
 			.ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck-button__icon {
 				opacity: 1;
 			}
-.ck.ck-button.ck-ai-button-tertiary-text {
-		color: var(--ck-ai-button-tertiary-text-color);
-		background-color: var(--ck-ai-button-tertiary-text-background-color);
+.ck.ck-button.ck-ai-button-secondary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-secondary-hover-background-color);
+		}
+.ck.ck-button.ck-ai-button-tertiary {
+		color: var(--ck-ai-button-tertiary-color);
+		background-color: var(--ck-ai-button-tertiary-background-color);
 		border: none;
+		gap: var(--ck-spacing-small);
 	}
-.ck.ck-button.ck-ai-button-tertiary-text:hover {
-			background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
-			color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled,
+		.ck.ck-button.ck-ai-button-tertiary.ck-disabled {
+			color: var(--ck-ai-button-tertiary-disabled-color);
+			background-color: var(--ck-ai-button-tertiary-disabled-background-color);
 		}
-.ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon {
-				color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary:disabled > .ck-button__icon,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck-button__icon {
+				opacity: 1;
 			}
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover {
-				background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled), .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) {
+				color: var(--ck-ai-button-tertiary-active-color);
+				background-color: var(--ck-ai-button-tertiary-active-background-color);
 			}
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon {
-					color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled):hover, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled):hover {
+					color: var(--ck-ai-button-tertiary-hover-active-color);
+					background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
 				}
-.ck.ck-button.ck-ai-button-tertiary-text:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled {
-			color: var(--ck-ai-button-tertiary-disabled-text-color);
-		}
-.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-.ck.ck-button.ck-ai-button-tertiary-filled {
-		color: var(--ck-ai-button-tertiary-filled-color);
-		background-color: var(--ck-ai-button-tertiary-filled-background-color);
-		border: none;
-	}
-.ck.ck-button.ck-ai-button-tertiary-filled:hover {
-			color: var(--ck-ai-button-tertiary-filled-hover-color);
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
-		}
-.ck.ck-button.ck-ai-button-tertiary-filled:active,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-on {
-			color: var(--ck-ai-button-tertiary-filled-active-color);
-			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled) > .ck.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) > .ck.ck-button__icon {
+					color: var(--ck-ai-button-tertiary-active-color);
+				}
+/* stylelint-disable-next-line no-descending-specificity */
+.ck.ck-button.ck-ai-button-tertiary:hover:not(.ck-disabled, :active, .ck-on) {
+			color: var(--ck-ai-button-tertiary-hover-color);
+			background-color: var(--ck-ai-button-tertiary-hover-background-color);
 		}
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled {
-			color: var(--ck-ai-button-tertiary-filled-disabled-color);
-			background-color: var(--ck-ai-button-tertiary-filled-disabled-background-color);
+.ck.ck-button.ck-ai-button-primary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-secondary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary .ck.ck-icon.ck-button__icon {
+			--ck-icon-size: 16px;
 		}
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
 .ck.ck-button.ck-ai-button-stop-generating {
 		min-height: 22px;
 		padding: 0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
@@ -2634,52 +2703,57 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
-/* Keep the content close to the header (headings, paragraphs, blockquotes, etc. have variable margins). */
+.ck.ck-content.ck-ai-suggestion-streamable-content {
+	/* Don't inherit padding from page's .ck-content styles because they can be too large for the suggestion preview. */
+	padding: 0;
+
+	/* Keep the content close to the header (headings, paragraphs, blockquotes, etc. have variable margins). */
+}
 
-.ck.ck-ai-suggestion-streamable-content :first-child {
+.ck.ck-content.ck-ai-suggestion-streamable-content :first-child {
 		margin-top: 0;
 	}
 
 /* Keep the content close to bottom edge of the container  (headings, paragraphs, blockquotes, etc. have variable margins). */
 
-.ck.ck-ai-suggestion-streamable-content :last-child {
+.ck.ck-content.ck-ai-suggestion-streamable-content :last-child {
 		margin-bottom: 0;
 	}
 
 /* <Content styles> */
 
-.ck.ck-ai-suggestion-streamable-content, .ck.ck-ai-suggestion-streamable-content * {
+.ck.ck-content.ck-ai-suggestion-streamable-content, .ck.ck-content.ck-ai-suggestion-streamable-content * {
 		white-space: normal;
 		line-height: 1.4em;
 	}
 
-.ck.ck-ai-suggestion-streamable-content pre>code {
+.ck.ck-content.ck-ai-suggestion-streamable-content pre>code {
 		white-space: pre-wrap;
 	}
 
-.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]),
-	.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]),
-	.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]) {
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]),
+	.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]),
+	.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]) {
 		border-top: 3px solid var(--ck-ai-suggestion-inactive-color-border);
 		border-bottom: 3px solid var(--ck-ai-suggestion-inactive-color-border);
 		background: var(--ck-ai-suggestion-inactive-color-background);
 	}
 
-.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion.ck-widget:not([data-author-id="$aiSuggestion"]) {
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline.ck-widget:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion.ck-widget:not([data-author-id="$aiSuggestion"]) {
 			border: 3px solid var(--ck-ai-suggestion-inactive-color-border);
 		}
 
-.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]) {
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]) {
 		box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-ai-suggestion-inactive-color-background);
 	}
 
-.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]) {
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]) {
 		text-decoration: line-through;
 		text-decoration-thickness: 3px;
 		text-decoration-color: var(--ck-ai-suggestion-inactive-color-border);
 	}
 
-.ck.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.table > tbody > tr > td {
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.table > tbody > tr > td {
 		background-color: var(--ck-color-suggestion-widget-insertion-background);
 	}
 
@@ -2711,7 +2785,7 @@
 		color: var(--ck-ai-chat-suggestion-icon-default-color);
 	}
 .ck.ck-toolbar.ck-ai-suggestion-content-part-toolbar .ck-button:hover {
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
+			background-color: var(--ck-ai-button-secondary-hover-background-color);
 			color: var(--ck-ai-background-color-action-button);
 		}
 /*
@@ -2797,20 +2871,14 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
  */
 
 .ck.ck-button.ck-ai-toggle-button {
-	--ck-color-button-default-hover-background: 				hsl(262.1,100%,96.3%);
-	--ck-color-button-default-active-background:				hsl(262.1,100%,96.3%);
 
-	--ck-color-button-on-background: 							hsl(262.1,100%,96.3%);
-	--ck-color-button-on-hover-background: 						hsl(262.1,100%,96.3%);
-	--ck-color-button-on-active-background:						hsl(262.1,100%,96.3%);
-	--ck-color-button-on-disabled-background: 					hsl(262.1,100%,96.3%);
-	--ck-color-button-on-color:									hsl(263.2,59.2%,52%);
+	--ck-color-button-on-background: 							hsl(262,100%,96%);
+	--ck-color-button-on-hover-background: 						hsl(261, 100%, 93%);
+	--ck-color-button-on-active-background:						hsl(261, 100%, 93%);
+	--ck-color-button-on-disabled-background: 					hsl(262,100%,96%);
+	--ck-color-button-on-color:									hsl(263,59%,52%);
 }
 
-.ck.ck-button.ck-ai-toggle-button:hover {
-		color: var(--ck-color-button-on-color);
-	}
-
 /*
  * 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,
@@ -2955,7 +3023,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				}
 
 .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions .ck-dropdown .ck-dropdown__panel .ck-list__item .ck-button:hover, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions .ck-dropdown .ck-dropdown__panel .ck-list__item .ck-button:active {
-							background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
+							background-color: var(--ck-ai-button-secondary-hover-background-color);
 						}
 
 .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-input,
@@ -3092,6 +3160,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-primary-background-color: hsla(263, 59%, 52%, 1);
 	--ck-ai-button-primary-disabled-background-color: hsla(263, 59%, 52%, 0.5);
 	--ck-ai-button-primary-hover-background-color: hsla(263, 59%, 40%, 1);
+	--ck-ai-button-primary-active-background-color: hsla(263, 59%, 40%, 1);
 
 	/* Secondary button */
 	--ck-ai-button-secondary-color: hsla(263, 59%, 52%, 1);
@@ -3103,32 +3172,29 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-secondary-hover-background-color: hsla(262, 100%, 96%, 1);
 	--ck-ai-button-secondary-active-background-color: hsla(262, 100%, 96%, 1);
 
-	/* Tertiary text button */
-	--ck-ai-button-tertiary-text-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-disabled-text-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-tertiary-text-background-color: transparent;
-	--ck-ai-button-tertiary-text-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-text-hover-color: hsla(0, 0%, 20%, 1);
-
-	/* Tertiary filled button */
-	--ck-ai-button-tertiary-filled-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-filled-disabled-color: hsla(0, 0%, 44%, 0.5);
-	--ck-ai-button-tertiary-filled-hover-color: hsla(0, 0%, 20%, 1);
-	--ck-ai-button-tertiary-filled-active-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-filled-background-color: transparent;
-	--ck-ai-button-tertiary-filled-disabled-background-color: hsla(0, 0%, 93%, 1);
-	--ck-ai-button-tertiary-filled-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-filled-active-background-color: hsla(262, 100%, 96%, 1);
+	/* Tertiary button */
+	--ck-ai-button-tertiary-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-disabled-color: hsla(0, 0%, 44%, 0.5);
+	--ck-ai-button-tertiary-hover-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-active-color: hsla(263, 59%, 52%, 1);
+	--ck-ai-button-tertiary-background-color: transparent;
+	--ck-ai-button-tertiary-disabled-background-color: transparent;
+	--ck-ai-button-tertiary-hover-background-color: hsla(0, 0%, 94%, 1);
+	--ck-ai-button-tertiary-active-background-color: hsla(262, 100%, 96%, 1);
+	--ck-ai-button-tertiary-hover-active-background-color: hsla(261, 100%, 93%, 1);
+	--ck-ai-button-tertiary-hover-active-color: hsla(263, 59%, 52%, 1);
 }
 
 .ck.ck-button.ck-ai-button-primary {
 		color: var(--ck-ai-button-primary-color);
 		background-color: var(--ck-ai-button-primary-background-color);
 		border: 1px solid transparent;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-primary:hover {
-			background-color: var(--ck-ai-button-primary-hover-background-color);
+.ck.ck-button.ck-ai-button-primary:active,
+		.ck.ck-button.ck-ai-button-primary.ck-on {
+			background-color: var(--ck-ai-button-primary-active-background-color);
 		}
 
 .ck.ck-button.ck-ai-button-primary:disabled,
@@ -3144,16 +3210,17 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
+.ck.ck-button.ck-ai-button-primary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-primary-hover-background-color);
+		}
+
 .ck.ck-button.ck-ai-button-secondary {
 		color: var(--ck-ai-button-secondary-color);
 		background-color: var(--ck-ai-button-secondary-background-color);
 		border: 1px solid var(--ck-ai-button-secondary-border-color);
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-secondary:hover {
-			background-color: var(--ck-ai-button-secondary-hover-background-color);
-		}
-
 .ck.ck-button.ck-ai-button-secondary:active,
 		.ck.ck-button.ck-ai-button-secondary.ck-on {
 			background-color: var(--ck-ai-button-secondary-active-background-color);
@@ -3173,71 +3240,55 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text {
-		color: var(--ck-ai-button-tertiary-text-color);
-		background-color: var(--ck-ai-button-tertiary-text-background-color);
+.ck.ck-button.ck-ai-button-secondary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-secondary-hover-background-color);
+		}
+
+.ck.ck-button.ck-ai-button-tertiary {
+		color: var(--ck-ai-button-tertiary-color);
+		background-color: var(--ck-ai-button-tertiary-background-color);
 		border: none;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover {
-			background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
-			color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled,
+		.ck.ck-button.ck-ai-button-tertiary.ck-disabled {
+			color: var(--ck-ai-button-tertiary-disabled-color);
+			background-color: var(--ck-ai-button-tertiary-disabled-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon {
-				color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary:disabled > .ck-button__icon,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck-button__icon {
+				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover {
-				background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled), .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) {
+				color: var(--ck-ai-button-tertiary-active-color);
+				background-color: var(--ck-ai-button-tertiary-active-background-color);
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon {
-					color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled):hover, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled):hover {
+					color: var(--ck-ai-button-tertiary-hover-active-color);
+					background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
 				}
 
-.ck.ck-button.ck-ai-button-tertiary-text:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled {
-			color: var(--ck-ai-button-tertiary-disabled-text-color);
-		}
-
-.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
-.ck.ck-button.ck-ai-button-tertiary-filled {
-		color: var(--ck-ai-button-tertiary-filled-color);
-		background-color: var(--ck-ai-button-tertiary-filled-background-color);
-		border: none;
-	}
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled) > .ck.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) > .ck.ck-button__icon {
+					color: var(--ck-ai-button-tertiary-active-color);
+				}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:hover {
-			color: var(--ck-ai-button-tertiary-filled-hover-color);
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
-		}
+/* stylelint-disable-next-line no-descending-specificity */
 
-.ck.ck-button.ck-ai-button-tertiary-filled:active,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-on {
-			color: var(--ck-ai-button-tertiary-filled-active-color);
-			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
+.ck.ck-button.ck-ai-button-tertiary:hover:not(.ck-disabled, :active, .ck-on) {
+			color: var(--ck-ai-button-tertiary-hover-color);
+			background-color: var(--ck-ai-button-tertiary-hover-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled {
-			color: var(--ck-ai-button-tertiary-filled-disabled-color);
-			background-color: var(--ck-ai-button-tertiary-filled-disabled-background-color);
+.ck.ck-button.ck-ai-button-primary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-secondary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary .ck.ck-icon.ck-button__icon {
+			--ck-icon-size: 16px;
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
 .ck.ck-button.ck-ai-button-stop-generating {
 		min-height: 22px;
 		padding: 0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
@@ -3296,47 +3347,55 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				margin-top: 0;
 			}
 /* Content wrapper containing the loader, streamable content and mini toolbar. */
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper {
-			border-radius: 0;
-
-			--ck-border-radius: 4px;
-
-			height: var(--ck-ai-actions-balloon-content-height);
-			border: 1px solid var(--ck-color-base-border);
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content {
+			/* Allow the mini toolbar to be positioned absolutely. */
 			position: relative;
+
+			/* Wrapper containing the loader and streamable content. */
 		}
-.ck-rounded-corners .ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper,
-	.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper.ck-rounded-corners {
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper {
+				border-radius: 0;
+
+				--ck-border-radius: 4px;
+
+				height: var(--ck-ai-actions-balloon-content-height);
+				border: 1px solid var(--ck-color-base-border);
+
+				/* Clip the streamable content's scrollbars when border-radius is applied. */
+				overflow: hidden;
+			}
+.ck-rounded-corners .ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper,
+	.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 	}
 /* The content of the balloon that gets streamed. */
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck-ai-suggestion-streamable-content {
-				overflow-y: auto;
-				word-break: normal;
-				text-wrap: auto;
-				padding: var(--ck-spacing-large);
-				height: var(--ck-ai-actions-balloon-content-height);
-			}
-/* The loader of the balloon. */
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader {
-				padding: var(--ck-spacing-large) !important;
-				height: var(--ck-ai-actions-balloon-content-height);
-			}
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner .ck-spinner {
-					--ck-ai-spinner-size: 18px;
-				}
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_small {
-					--ck-ai-spinner-size: 18px;
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck-ai-suggestion-streamable-content {
+					overflow-y: auto;
+					word-break: normal;
+					text-wrap: auto;
+					padding: var(--ck-spacing-large);
+					height: 100%;
 				}
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck-ai-suggestion__loader-text {
-					margin-left: var(--ck-spacing-medium);
+/* The loader of the balloon. */
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader {
+					padding: var(--ck-spacing-large) !important;
+					height: var(--ck-ai-actions-balloon-content-height);
 				}
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner .ck-spinner {
+						--ck-ai-spinner-size: 18px;
+					}
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_small {
+						--ck-ai-spinner-size: 18px;
+					}
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader .ck-ai-suggestion__loader-text {
+						margin-left: var(--ck-spacing-medium);
+					}
 /* Hide the content when the loader is visible. */
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader:not(.ck-hidden) + .ck-ai-suggestion-streamable-content {
-					display: none;
-				}
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-actions-balloon-content-wrapper .ck.ck-ai-suggestion__loader:not(.ck-hidden) + .ck-ai-suggestion-streamable-content {
+						display: none;
+					}
 /* The mini toolbar of the balloon. */
-.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content-wrapper .ck-ai-mini-toolbar {
+.ck.ck-ai-actions-balloon .ck-ai-actions-balloon-main .ck-ai-actions-balloon-content .ck-ai-mini-toolbar {
 				position: absolute;
 				right: var(--ck-spacing-large);
 				bottom: 0;
@@ -3396,17 +3455,12 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 }
 
 .ck-toolbar__items>.ck.ck-button.ck-ai-quick-actions-button,  .ck-toolbar__items>.ck-ai-quick-actions-dropdown > .ck.ck-button {
-		--ck-color-button-default-hover-background: 				hsl(262.1,100%,96.3%);
-		--ck-color-button-default-active-background:				hsl(262.1,100%,96.3%);
-		--ck-color-button-on-background: 							hsl(262.1,100%,96.3%);
-		--ck-color-button-on-hover-background: 						hsl(262.1,100%,96.3%);
-		--ck-color-button-on-active-background:						hsl(262.1,100%,96.3%);
-		--ck-color-button-on-disabled-background: 					hsl(262.1,100%,96.3%);
-		--ck-color-button-on-color:									hsl(263.2,59.2%,52%);
-	}
-
-.ck-toolbar__items>.ck.ck-button.ck-ai-quick-actions-button:hover,  .ck-toolbar__items>.ck-ai-quick-actions-dropdown > .ck.ck-button:hover {
-		color: var(--ck-color-button-on-color);
+		--ck-color-button-default-hover-background: 				hsl(0, 0%, 94%);
+		--ck-color-button-on-background: 							hsl(262, 100%, 96%);
+		--ck-color-button-on-hover-background: 						hsl(261, 100%, 93%);
+		--ck-color-button-on-active-background:						hsl(261, 100%, 93%);
+		--ck-color-button-on-disabled-background: 					hsl(262, 100%, 96%);
+		--ck-color-button-on-color:									hsl(263, 59%, 52%);
 	}
 
 .ck-ai-quick-actions-dropdown,
@@ -3780,6 +3834,10 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				min-height: 30px;
 			}
 
+.ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-results-header .ck-ai_review__check-run-results-header-buttons .ck-ai_review__check-run-accept-all-button {
+					border: none;
+				}
+
 .ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-results-wrapper {
 			position: relative;
 			height: 100%;
@@ -4097,7 +4155,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 		}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back:hover {
-				background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
+				background-color: var(--ck-ai-button-tertiary-hover-background-color);
 			}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon {
@@ -4134,6 +4192,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-primary-background-color: hsla(263, 59%, 52%, 1);
 	--ck-ai-button-primary-disabled-background-color: hsla(263, 59%, 52%, 0.5);
 	--ck-ai-button-primary-hover-background-color: hsla(263, 59%, 40%, 1);
+	--ck-ai-button-primary-active-background-color: hsla(263, 59%, 40%, 1);
 
 	/* Secondary button */
 	--ck-ai-button-secondary-color: hsla(263, 59%, 52%, 1);
@@ -4145,32 +4204,29 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-secondary-hover-background-color: hsla(262, 100%, 96%, 1);
 	--ck-ai-button-secondary-active-background-color: hsla(262, 100%, 96%, 1);
 
-	/* Tertiary text button */
-	--ck-ai-button-tertiary-text-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-disabled-text-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-tertiary-text-background-color: transparent;
-	--ck-ai-button-tertiary-text-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-text-hover-color: hsla(0, 0%, 20%, 1);
-
-	/* Tertiary filled button */
-	--ck-ai-button-tertiary-filled-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-filled-disabled-color: hsla(0, 0%, 44%, 0.5);
-	--ck-ai-button-tertiary-filled-hover-color: hsla(0, 0%, 20%, 1);
-	--ck-ai-button-tertiary-filled-active-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-filled-background-color: transparent;
-	--ck-ai-button-tertiary-filled-disabled-background-color: hsla(0, 0%, 93%, 1);
-	--ck-ai-button-tertiary-filled-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-filled-active-background-color: hsla(262, 100%, 96%, 1);
+	/* Tertiary button */
+	--ck-ai-button-tertiary-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-disabled-color: hsla(0, 0%, 44%, 0.5);
+	--ck-ai-button-tertiary-hover-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-active-color: hsla(263, 59%, 52%, 1);
+	--ck-ai-button-tertiary-background-color: transparent;
+	--ck-ai-button-tertiary-disabled-background-color: transparent;
+	--ck-ai-button-tertiary-hover-background-color: hsla(0, 0%, 94%, 1);
+	--ck-ai-button-tertiary-active-background-color: hsla(262, 100%, 96%, 1);
+	--ck-ai-button-tertiary-hover-active-background-color: hsla(261, 100%, 93%, 1);
+	--ck-ai-button-tertiary-hover-active-color: hsla(263, 59%, 52%, 1);
 }
 
 .ck.ck-button.ck-ai-button-primary {
 		color: var(--ck-ai-button-primary-color);
 		background-color: var(--ck-ai-button-primary-background-color);
 		border: 1px solid transparent;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-primary:hover {
-			background-color: var(--ck-ai-button-primary-hover-background-color);
+.ck.ck-button.ck-ai-button-primary:active,
+		.ck.ck-button.ck-ai-button-primary.ck-on {
+			background-color: var(--ck-ai-button-primary-active-background-color);
 		}
 
 .ck.ck-button.ck-ai-button-primary:disabled,
@@ -4186,16 +4242,17 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
+.ck.ck-button.ck-ai-button-primary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-primary-hover-background-color);
+		}
+
 .ck.ck-button.ck-ai-button-secondary {
 		color: var(--ck-ai-button-secondary-color);
 		background-color: var(--ck-ai-button-secondary-background-color);
 		border: 1px solid var(--ck-ai-button-secondary-border-color);
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-secondary:hover {
-			background-color: var(--ck-ai-button-secondary-hover-background-color);
-		}
-
 .ck.ck-button.ck-ai-button-secondary:active,
 		.ck.ck-button.ck-ai-button-secondary.ck-on {
 			background-color: var(--ck-ai-button-secondary-active-background-color);
@@ -4215,71 +4272,55 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text {
-		color: var(--ck-ai-button-tertiary-text-color);
-		background-color: var(--ck-ai-button-tertiary-text-background-color);
+.ck.ck-button.ck-ai-button-secondary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-secondary-hover-background-color);
+		}
+
+.ck.ck-button.ck-ai-button-tertiary {
+		color: var(--ck-ai-button-tertiary-color);
+		background-color: var(--ck-ai-button-tertiary-background-color);
 		border: none;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover {
-			background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
-			color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled,
+		.ck.ck-button.ck-ai-button-tertiary.ck-disabled {
+			color: var(--ck-ai-button-tertiary-disabled-color);
+			background-color: var(--ck-ai-button-tertiary-disabled-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon {
-				color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary:disabled > .ck-button__icon,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck-button__icon {
+				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover {
-				background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled), .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) {
+				color: var(--ck-ai-button-tertiary-active-color);
+				background-color: var(--ck-ai-button-tertiary-active-background-color);
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon {
-					color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled):hover, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled):hover {
+					color: var(--ck-ai-button-tertiary-hover-active-color);
+					background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
 				}
 
-.ck.ck-button.ck-ai-button-tertiary-text:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled {
-			color: var(--ck-ai-button-tertiary-disabled-text-color);
-		}
-
-.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
-.ck.ck-button.ck-ai-button-tertiary-filled {
-		color: var(--ck-ai-button-tertiary-filled-color);
-		background-color: var(--ck-ai-button-tertiary-filled-background-color);
-		border: none;
-	}
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled) > .ck.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) > .ck.ck-button__icon {
+					color: var(--ck-ai-button-tertiary-active-color);
+				}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:hover {
-			color: var(--ck-ai-button-tertiary-filled-hover-color);
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
-		}
+/* stylelint-disable-next-line no-descending-specificity */
 
-.ck.ck-button.ck-ai-button-tertiary-filled:active,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-on {
-			color: var(--ck-ai-button-tertiary-filled-active-color);
-			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
+.ck.ck-button.ck-ai-button-tertiary:hover:not(.ck-disabled, :active, .ck-on) {
+			color: var(--ck-ai-button-tertiary-hover-color);
+			background-color: var(--ck-ai-button-tertiary-hover-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled {
-			color: var(--ck-ai-button-tertiary-filled-disabled-color);
-			background-color: var(--ck-ai-button-tertiary-filled-disabled-background-color);
+.ck.ck-button.ck-ai-button-primary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-secondary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary .ck.ck-icon.ck-button__icon {
+			--ck-icon-size: 16px;
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
 .ck.ck-button.ck-ai-button-stop-generating {
 		min-height: 22px;
 		padding: 0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
@@ -4558,6 +4599,10 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 			position: relative;
 		}
 
+.ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough.ck-ai_review__change_active {
+				--ck-ai_review-suggestion-color: var(--ck-ai_review-suggestion-color-active);
+			}
+
 .ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough:before {
 				border-bottom: 3px solid var(--ck-ai_review-suggestion-color);
 				position: absolute;
@@ -4566,10 +4611,6 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				height: 60%;
 			}
 
-.ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough:before.ck-ai_review__change_active {
-					--ck-ai_review-suggestion-color: var(--ck-ai_review-suggestion-color-active);
-				}
-
 .ck.ck-ai_review-highlights span.ck-ai_review-marker_underline {
 			border-bottom: 3px solid var(--ck-ai_review-suggestion-color);
 		}
@@ -4747,7 +4788,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 		}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back:hover {
-				background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
+				background-color: var(--ck-ai-button-tertiary-hover-background-color);
 			}
 
 .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon {
@@ -4784,6 +4825,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-primary-background-color: hsla(263, 59%, 52%, 1);
 	--ck-ai-button-primary-disabled-background-color: hsla(263, 59%, 52%, 0.5);
 	--ck-ai-button-primary-hover-background-color: hsla(263, 59%, 40%, 1);
+	--ck-ai-button-primary-active-background-color: hsla(263, 59%, 40%, 1);
 
 	/* Secondary button */
 	--ck-ai-button-secondary-color: hsla(263, 59%, 52%, 1);
@@ -4795,32 +4837,29 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 	--ck-ai-button-secondary-hover-background-color: hsla(262, 100%, 96%, 1);
 	--ck-ai-button-secondary-active-background-color: hsla(262, 100%, 96%, 1);
 
-	/* Tertiary text button */
-	--ck-ai-button-tertiary-text-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-disabled-text-color: hsla(263, 59%, 52%, 0.5);
-	--ck-ai-button-tertiary-text-background-color: transparent;
-	--ck-ai-button-tertiary-text-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-text-hover-color: hsla(0, 0%, 20%, 1);
-
-	/* Tertiary filled button */
-	--ck-ai-button-tertiary-filled-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-button-tertiary-filled-disabled-color: hsla(0, 0%, 44%, 0.5);
-	--ck-ai-button-tertiary-filled-hover-color: hsla(0, 0%, 20%, 1);
-	--ck-ai-button-tertiary-filled-active-color: hsla(263, 59%, 52%, 1);
-	--ck-ai-button-tertiary-filled-background-color: transparent;
-	--ck-ai-button-tertiary-filled-disabled-background-color: hsla(0, 0%, 93%, 1);
-	--ck-ai-button-tertiary-filled-hover-background-color: hsla(262, 100%, 96%, 1);
-	--ck-ai-button-tertiary-filled-active-background-color: hsla(262, 100%, 96%, 1);
+	/* Tertiary button */
+	--ck-ai-button-tertiary-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-disabled-color: hsla(0, 0%, 44%, 0.5);
+	--ck-ai-button-tertiary-hover-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-button-tertiary-active-color: hsla(263, 59%, 52%, 1);
+	--ck-ai-button-tertiary-background-color: transparent;
+	--ck-ai-button-tertiary-disabled-background-color: transparent;
+	--ck-ai-button-tertiary-hover-background-color: hsla(0, 0%, 94%, 1);
+	--ck-ai-button-tertiary-active-background-color: hsla(262, 100%, 96%, 1);
+	--ck-ai-button-tertiary-hover-active-background-color: hsla(261, 100%, 93%, 1);
+	--ck-ai-button-tertiary-hover-active-color: hsla(263, 59%, 52%, 1);
 }
 
 .ck.ck-button.ck-ai-button-primary {
 		color: var(--ck-ai-button-primary-color);
 		background-color: var(--ck-ai-button-primary-background-color);
 		border: 1px solid transparent;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-primary:hover {
-			background-color: var(--ck-ai-button-primary-hover-background-color);
+.ck.ck-button.ck-ai-button-primary:active,
+		.ck.ck-button.ck-ai-button-primary.ck-on {
+			background-color: var(--ck-ai-button-primary-active-background-color);
 		}
 
 .ck.ck-button.ck-ai-button-primary:disabled,
@@ -4836,16 +4875,17 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
+.ck.ck-button.ck-ai-button-primary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-primary-hover-background-color);
+		}
+
 .ck.ck-button.ck-ai-button-secondary {
 		color: var(--ck-ai-button-secondary-color);
 		background-color: var(--ck-ai-button-secondary-background-color);
 		border: 1px solid var(--ck-ai-button-secondary-border-color);
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-secondary:hover {
-			background-color: var(--ck-ai-button-secondary-hover-background-color);
-		}
-
 .ck.ck-button.ck-ai-button-secondary:active,
 		.ck.ck-button.ck-ai-button-secondary.ck-on {
 			background-color: var(--ck-ai-button-secondary-active-background-color);
@@ -4865,71 +4905,55 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text {
-		color: var(--ck-ai-button-tertiary-text-color);
-		background-color: var(--ck-ai-button-tertiary-text-background-color);
+.ck.ck-button.ck-ai-button-secondary:hover:not(.ck-disabled) {
+			background-color: var(--ck-ai-button-secondary-hover-background-color);
+		}
+
+.ck.ck-button.ck-ai-button-tertiary {
+		color: var(--ck-ai-button-tertiary-color);
+		background-color: var(--ck-ai-button-tertiary-background-color);
 		border: none;
+		gap: var(--ck-spacing-small);
 	}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover {
-			background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
-			color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled,
+		.ck.ck-button.ck-ai-button-tertiary.ck-disabled {
+			color: var(--ck-ai-button-tertiary-disabled-color);
+			background-color: var(--ck-ai-button-tertiary-disabled-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-text:hover > .ck.ck-button__icon {
-				color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck.ck-button__label,
+			.ck.ck-button.ck-ai-button-tertiary:disabled > .ck-button__icon,
+			.ck.ck-button.ck-ai-button-tertiary.ck-disabled > .ck-button__icon {
+				opacity: 1;
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover {
-				background-color: var(--ck-ai-button-tertiary-text-hover-background-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled), .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) {
+				color: var(--ck-ai-button-tertiary-active-color);
+				background-color: var(--ck-ai-button-tertiary-active-background-color);
 			}
 
-.ck.ck-button.ck-ai-button-tertiary-text.ck-on:hover > .ck.ck-button__icon {
-					color: var(--ck-ai-button-tertiary-text-hover-color);
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled):hover, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled):hover {
+					color: var(--ck-ai-button-tertiary-hover-active-color);
+					background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
 				}
 
-.ck.ck-button.ck-ai-button-tertiary-text:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled {
-			color: var(--ck-ai-button-tertiary-disabled-text-color);
-		}
-
-.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
-.ck.ck-button.ck-ai-button-tertiary-filled {
-		color: var(--ck-ai-button-tertiary-filled-color);
-		background-color: var(--ck-ai-button-tertiary-filled-background-color);
-		border: none;
-	}
+.ck.ck-button.ck-ai-button-tertiary:active:not(.ck-disabled) > .ck.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary.ck-on:not(.ck-disabled) > .ck.ck-button__icon {
+					color: var(--ck-ai-button-tertiary-active-color);
+				}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:hover {
-			color: var(--ck-ai-button-tertiary-filled-hover-color);
-			background-color: var(--ck-ai-button-tertiary-filled-hover-background-color);
-		}
+/* stylelint-disable-next-line no-descending-specificity */
 
-.ck.ck-button.ck-ai-button-tertiary-filled:active,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-on {
-			color: var(--ck-ai-button-tertiary-filled-active-color);
-			background-color: var(--ck-ai-button-tertiary-filled-active-background-color);
+.ck.ck-button.ck-ai-button-tertiary:hover:not(.ck-disabled, :active, .ck-on) {
+			color: var(--ck-ai-button-tertiary-hover-color);
+			background-color: var(--ck-ai-button-tertiary-hover-background-color);
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled,
-		.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled {
-			color: var(--ck-ai-button-tertiary-filled-disabled-color);
-			background-color: var(--ck-ai-button-tertiary-filled-disabled-background-color);
+.ck.ck-button.ck-ai-button-primary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-secondary .ck.ck-icon.ck-button__icon, .ck.ck-button.ck-ai-button-tertiary .ck.ck-icon.ck-button__icon {
+			--ck-icon-size: 16px;
 		}
 
-.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
-			.ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
-			.ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon {
-				opacity: 1;
-			}
-
 .ck.ck-button.ck-ai-button-stop-generating {
 		min-height: 22px;
 		padding: 0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
@@ -5208,6 +5232,10 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 			position: relative;
 		}
 
+.ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough.ck-ai_review__change_active {
+				--ck-ai_review-suggestion-color: var(--ck-ai_review-suggestion-color-active);
+			}
+
 .ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough:before {
 				border-bottom: 3px solid var(--ck-ai_review-suggestion-color);
 				position: absolute;
@@ -5216,10 +5244,6 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				height: 60%;
 			}
 
-.ck.ck-ai_review-highlights span.ck-ai_review-marker_strikethrough:before.ck-ai_review__change_active {
-					--ck-ai_review-suggestion-color: var(--ck-ai_review-suggestion-color-active);
-				}
-
 .ck.ck-ai_review-highlights span.ck-ai_review-marker_underline {
 			border-bottom: 3px solid var(--ck-ai_review-suggestion-color);
 		}
@@ -5330,6 +5354,10 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 				height: auto;
 			}
 
+.ck .ck-ai-review.ck-ai-translate-mode .ck-ai_review__check-run .ck-ai_review__check-run-results-header .ck-ai_review__check-run-results-header-buttons .ck-ai_review__check-run-accept-all-button {
+						border: none;
+					}
+
 .ck .ck-ai-review.ck-ai-translate-mode .ck-ai_review__check-run .ck-ai_review__check-run-results-header .ck-ai_review__check-run-results-header-buttons .ck-ai_review__check-run-toggle-diff-button {
 						display: none;
 						visibility: hidden ;