.uz-balance-box{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:24px 28px;
	background:#fff;
	border:1px solid #ececec;
	border-radius:16px;
	box-shadow:0 8px 30px rgba(0,0,0,.06);
	max-width:320px;
}

.uz-balance-box__label{
	font-size:18px;
	font-weight:600;
	color:#333;
}

.uz-balance-box__amount{
	font-size:36px;
	font-weight:700;
	line-height:1;
	color:#e5006d;
}



.uz-balance-box{
	display:flex;
	flex-direction:column;
	gap:14px;
	padding:24px 28px;
	background:#fff;
	border:1px solid #ececec;
	border-radius:16px;
	box-shadow:0 8px 30px rgba(0,0,0,.06);
	max-width:360px;
}

.uz-balance-box__label{
	font-size:18px;
	font-weight:600;
	color:#333;
}

.uz-balance-box__amount{
	font-size:36px;
	font-weight:700;
	line-height:1;
	color:#e5006d;
}

.uz-balance-box__actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.uz-balance-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 18px;
	border-radius:12px;
	text-decoration:none;
	font-weight:600;
	transition:.2s ease;
}

.uz-balance-btn--primary{
	background:#e5006d;
	color:#fff !important;
}

.uz-balance-btn--primary:hover{
	opacity:.9;
	color:#fff;
}

.uz-balance-box__note{
	font-size:14px;
	line-height:1.45;
	color:#777;
}


.uz-payment-badge{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:8px 14px;
	border-radius:10px;
	font-size:14px;
	font-weight:600;
	text-align:center;
	margin:8px 0 10px;
}

.uz-payment-badge.is-paid{
	background:#e8f7ea;
	color:#1f8b4c;
	border:1px solid #bfe7c8;
}

.uz-payment-badge.is-unpaid{
	background:#fff1f1;
	color:#c62828;
	border:1px solid #f1c0c0;
}