/* =========================================== */
/* CSS for control sap.m/AdditionalTextButton  */
/* Base theme                                  */
/* =========================================== */

.sapMBtn .sapMBtnAdditionalTextContent .sapMBtnText {
	flex-direction: column;
	font-size: 0.875rem;
}

.sapMBtnAdditionalTextContent .sapMBtnContentAddText:not(.sapMBtnActive) {
	width: 100%;
	float: left;
	color: var(--sapContent_LabelColor);
	font-size: var(--sapFontSmallSize);
}

.sapMBtn:hover > .sapMBtnAdditionalTextContent.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapMBtnContentAddText {
	color: var(--sapContent_LabelColor);
}

.sapMBtnAdditionalTextContent .sapMBtnContent {
	line-height: 1.125rem;
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnContentAddText {
	background-image: none;
	background-color: var(--sapButton_Active_Background);
	border-color: var(--sapButton_Active_BorderColor);
	color: var(--sapButton_Active_TextColor);
	text-shadow: none;
}

.sapMBtnAdditionalTextContent .sapMBtnContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: normal;
}

.sapUiSizeCompact .sapMBtnAdditionalTextContent .sapMBtnContent {
	line-height: 0.8125rem;
}