.app-core-button-panel {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	justify-content: center;
	align-items: center;
	
	width: 100%;
	
	background-color: rgb(var(--ColorMid));
	
}

.app-core-button-panel-item {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
	
	justify-content: center;
	align-items: center;
	
}

.app-core-button-panel-item:hover {
	
	background-color: rgb(var(--ColorHighlight));
	
}

.app-core-button-panel-item-current {
	
	color: rgb(var(--ColorTextInvert));
	background-color: rgb(var(--ColorAccentDark));
	
}

.app-core-button-panel-item i {
	
	padding: 1vw;
	
}

.app-core-button-panel-item span {
	
	font-weight: bold;
	
}