@import "K2BTools.DesignSystems.Aries.Aries.css";
@import "AriesCustom_Tokens.css";


@layer AriesCustom {
/* [gx-css-import ignore - start] */
 
/* [gx-css-import ignore - end] */
/* [gx-css-user-controls - start] */
/* [gx-css-user-controls - end] */
.imageWW 
{
	width : 148px;
	height : 148px;
	border-radius : 50%;
}
.FocusOn_Button_MainAction 
{
	margin-bottom : 8px;
	margin-right : 0px;
	margin-top : 8px;
	padding-bottom : 6px;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 6px;
	background-color : var(--colors_k2bt_mainbuttonbackground);
	color : var(--colors_k2bt_textovermainbuttonbackground);
	border-color : var(--colors_k2bt_mainbuttonborder);
	border-style : solid;
	border-width : 1px;
	border-top-left-radius : var(--radius_k2bt_buttonprimary);
	border-top-right-radius : var(--radius_k2bt_buttonprimary);
	font-family : var(--fonts_k2bt_action);
	font-size : 22px;
	font-weight : normal;
	height : 150px;
	min-height : 50px;
	width : 350px;
	min-width : 70px;
}
.FocusOn_Button_MainAction:hover 
{
	background-color : var(--colors_k2bt_mainbuttonbackgroundhover);
	color : var(--colors_k2bt_textovermainbuttonbackground);
	border-color : var(--colors_k2bt_mainbuttonborderhover);
}
.FocusOn_Button_MainAction:focus 
{
	background-color : var(--colors_k2bt_mainbuttonbackgroundhover);
	color : var(--colors_k2bt_textovermainbuttonbackground);
	border-color : var(--colors_k2bt_mainbuttonborderhover);
	outline : none;
	box-shadow : var(--shadows_k2bt_shadowelevation2) var(--colors_k2bt_mainbuttonbackgroundhover);
}
.FocusOn_Button_MainAction[disabled] 
{
	background-color : var(--colors_k2bt_accent);
}

}