.mtbtn { /*default 36px */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	
	
	padding: 8px;
	border-radius: 6px;
	height: 36px;
	font-size: 14px;
}

.mtbtn_square {
	width:36px;
}

button.mtbtn {
	font-family: 'Roboto', sans-serif;
}

.mtbtn_circle {
	border-radius: 50%;
	width: 36px;
}

.mtbtn_26px {
	padding: 4px;
	font-size: 12px;
	height:26px;
}

.mtbtn_32px {
	padding: 4px;
	font-size: 12px;
	height:32px;
}

.mtbtn_34px {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	height:32px;
}

.mtbtn_38px {
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
	height:38px;
}

.mtbtn_26px.mtbtn_circle {
	width: 26px;
}

.mtbtn_48px {
	padding: 12px;
	font-size: 16px;
	height: 48px;
}

.mtbtn_48px.mtbtn_circle {
	width: 48px;
}

.mtbtn_rounded {
	border-radius: 120px;
}

.mtbtn_primary {
	background: #3B9EF6;
	font-weight: 500;
	color: #FFFFFF;
}

.mtbtn_primary:hover, .mtbtn_primary.hover {
	background: #2580EB;
}

.mtbtn_primary:active, .mtbtn_primary.active, input:checked + .mtbtn_primary {
	background: #1D6AD8;
}

.mtbtn_primary:disabled, .mtbtn_primary.disabled {
	background: rgba(59, 158, 246, 0.12);
	color: rgba(61, 61, 61, 0.3);
}

.mtbtn_secondary {
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	font-weight: 500;
	color: #3D3D3D;
}

.mtbtn_secondary:hover, .mtbtn_secondary.hover {
	border-color: #3B9EF6;
}

.mtbtn_secondary:active, .mtbtn_secondary.active, input:checked + .mtbtn_secondary {
	background: #EFF8FF;
	border-color: #3B9EF6;
    box-shadow: 0 0 0 1px #3B9EF6;
}

.mtbtn_secondary:disabled, .mtbtn_secondary.disabled {
	background: rgba(124, 124, 124, 0.12);
	color: rgba(61, 61, 61, 0.3);
	border-color: transparent;
	box-shadow: none;
}

.mtbtn_tertinary {
	border: 1px solid transparent;
	font-weight: 500;
	color: #3D3D3D;
}

.mtbtn_tertinary:hover, .mtbtn_tertinary.hover {
	border-color:#DCDCDC;
	background: #EFF8FF;
	color: #3B9EF6;
}

.mtbtn_tertinary:active, .mtbtn_tertinary.active, input:checked + .mtbtn_tertinary {
	background: #DBEFFE;
	border-color: transparent;
    box-shadow: 0 0 0 2px #3B9EF6;
    color: #3D3D3D;
}

.mtbtn_tertinary:disabled, .mtbtn_tertinary.disabled {
	background: #fff;
	color: rgba(61, 61, 61, 0.3);
	border-color: transparent;
	box-shadow: none;
}

.mtbtn_success {
	font-weight: 500;
	background: #47A827;
	color:#FFF;
	border:none;
}

.mtbtn_success:hover, .mtbtn_success.hover {
	background: #39921E;
}

.mtbtn_success:active, .mtbtn_success.active, input:checked + .mtbtn_success {
	background: #2D701B;
}

.mtbtn_success:disabled, .mtbtn_success.disabled {
	background: rgba(71, 168, 39, 0.12);
	color: rgba(61, 61, 61, 0.3);
}

.mtbtn_warning {
	font-weight: 500;
	background: #EB5757;
	color:#FFF;
	border:none;
}

.mtbtn_warning:hover, .mtbtn_warning.hover {
	background: #D62C2C;
}

.mtbtn_warning:active, .mtbtn_warning.active, input:checked + .mtbtn_warning {
	background: #B42121;
}

.mtbtn_warning:disabled, .mtbtn_warning.disabled {
	background: rgba(235, 87, 87, 0.12);
	color: rgba(61, 61, 61, 0.3);
}