/**
 * Character token control
 */
.tsc-character-token-control {
	&__characters-list {
		display: flex;
		gap: 0.25rem;
		flex-wrap: wrap;
		margin-bottom: 0.25rem;

		button.components-button.is-secondary {
			background-color: #ddd;
			border-radius: 1px;
			box-shadow: none;
			color: #1e1e1e;
			font-size: 13px;
			height: auto;
			line-height: 25px;
			padding: 0 8px;

			&:hover,
			&:focus {
				background: #cc18180a;
				box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, #710d0d);
				color: var(--wp-components-color-accent-darker-20, #710d0d);
			}

			&:focus {
				box-shadow:
					0 0 0 currentColor inset,
					0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, #cc1818);
				outline: 3px solid #0000;
			}
		}
	}
}