zotero/scss/components/_clicky.scss

.zotero-clicky {
	border-radius: 6px;
	padding: 2px;

	&:not([disabled=true]) {
		&:hover {
			background-color: var(--fill-quinary) !important;
		}

		&:active {
			background-color: var(--fill-quarternary) !important;
		}
	}
}

/* Minus and plus buttons with clicky glow effect */
.zotero-clicky-minus, .zotero-clicky-plus {
	margin: 0 !important;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	color: var(--fill-secondary);
	
	.toolbarbutton-text {
		display: none;
	}
}

.zotero-clicky-minus {
	@include svgicon-menu("minus-circle", "universal", "16");
	border: 0px !important;
}

.zotero-clicky-plus {
	@include svgicon-menu("plus-circle", "universal", "16");
	border: 0px !important;
}

.zotero-clicky-cross {
	@include svgicon-menu("x-8", "universal", "16");
	border: 0px !important;
	color: var(--fill-secondary);
}

.zotero-clicky-minus[disabled=true], .zotero-clicky-plus[disabled=true] {
	opacity: .5;
}