:import("../icon/style.css") {
	icon: icon;
}

.button {
	composes: centerContent from "../shared.css";
	box-sizing: border-box;
	padding: 3px;
	font-size: 12px;
	border-radius: 2px;
}

.buttonContents {
	padding: 0px 6px;
}

.type-inline, .type-inlineTiny {
	text-align: left;

	.icon {
		display: inline;
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
}

.type-inline {
	.icon {
		width: 16px;
		height: 16px;
		margin: 0px 9px 0px 2px;
	}
}

.type-inlineTiny {
	.icon {
		width: 12px;
		height: 12px;
		margin: 0px 11px 0px 4px;
	}
}

/* FIXME: buttonSetActive */