// ============================================================================
// :: BUTTON GROUP
// ============================================================================
.m-button-group {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;

	margin: 2rem 0;

	&:only-child {
		margin: 0;
	}

	&:last-child {
		margin-bottom: 0;
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-button-group > *,
.m-button-group__item {
	margin: 1rem 2rem 1rem 0;

	&:last-child {
		margin-right: 0;
	}

	&:first-child {
		margin-left: 0;
	}
}

// ============================================================================
// :: Modifiers
// ============================================================================
.m-button-group--space-between {
	justify-content: space-between;
	width: 100%;
}

.m-button-group--end {
	justify-content: flex-end;
	width: 100%;
}

.m-button-group--center {
	justify-content: center;
}

.m-button-group--left {
	justify-content: flex-start;
	width: 100%;
}

.m-button-group--col {
	flex-direction: column;

	&.m-button-group--left {
		align-items: flex-start;
	}
}