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

.button {
	composes: centerContent from "../shared.css";
	cursor: default;
	box-sizing: border-box;
	padding: 4px;
	border-radius: 2px;

	.icon {
		display: block;
		margin: 3px auto 7px auto;
		width: 28px;
		height: 28px;
	}
}

.buttonContents {
	display: block;
	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 */