// ButtonGroup

.mce-btn-group .mce-btn {
	border-width: 1px 0 1px 0;
	margin: 0;
	.border-radius(0);

	&:hover, &:focus {
		.button-background(darken(@btn-background, 5%), darken(@btn-background-highlight, 5%), @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
	}

	&.mce-disabled, &.mce-disabled:hover {
		.box-shadow(inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05));
		.button-background(@btn-background, @btn-background-highlight, @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
		.opacity(1);
	}

	&.mce-active, &.mce-active:hover, &:active {
		.button-background(darken(@btn-background, 10%), darken(@btn-background-highlight, 10%), @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
		.box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05));
	}

	&.mce-disabled button {
		.opacity(0.65);
	}
}

.mce-btn-group .mce-first {
	border-left: 1px solid @btn-border-color;
	.border-radius(3px 0 0 3px);
}

.mce-btn-group .mce-last {
	border-right: 1px solid @btn-border-color;
	.border-radius(0 3px 3px 0);
}

.mce-btn-group .mce-first.mce-last {
	.border-radius(3px);
}

.mce-btn-group .mce-btn.mce-flow-layout-item {
	margin: 0;
}
