$color_1: #666;
$background_color_1: #fff;

.compoment--button {
	padding: .5em 1.5em;
	color: $color_1;
	background-color: $background_color_1;
	border: 1px solid currentColor;
	border-radius: .3em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	&+.compoment--button {
		margin-left: 8px;
	}
}
.compoment--button[disabled] {
	opacity: 0.35;
	cursor: default;
}
.checks {
	background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%), linear-gradient(-45deg, #f5f5f5 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f5f5f5 75%), linear-gradient(-45deg, transparent 75%, #f5f5f5 75%);
	background-size: 16px 16px;
	background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
}