.bottom-navbar{
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
background:#fff;
display:flex;
justify-content:space-around;
align-items:flex-end;
padding:10px 0;
box-shadow:0 5px 25px rgba(0,0,0,0.1);
border-radius:25px;
z-index:9999;
}

/* menu biasa */
.bottom-navbar a{
text-decoration:none;
color:#888;
font-size:12px;
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
position:relative;
flex:1;
}

.bottom-navbar i{
font-size:22px;
}

.bottom-navbar a.active{
color:#2E7D32;
}

/* menu QRIS */
.bottom-navbar .menu-qris{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}

/* tombol QRIS */
.qris-button{
position:absolute;
top:-30px;
width:60px;
height:60px;
background:#2e7d32;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.qris-button i{
color:#fff;
font-size:26px;
}

.qris-text{
margin-top:35px;
font-size:11px;
color:#888;
}