// ============================================================================
// :: Scope button
// ============================================================================
/**
 * This scope will show the button in the brandplatform nicely
 */

// ============================================================================
// :: Root
// ============================================================================
.s-bp-button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 10rem;

	.a-button {
		margin-right: 2rem;
	}
}

.s-bp-button--inverted {
	background-color: $background-color-grey;
}