.rrbm-menu {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px 0;
box-shadow: 0 -3px 15px rgba(0,0,0,0.1);
z-index: 9999;
}

.rrbm-menu a {
text-decoration: none;
color: #333;
font-size: 12px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}

.rrbm-menu img {
width: 24px;
height: 24px;
object-fit: contain;
}

.rrbm-center {
background: #673ce7; /* Color changed */
width: 65px;
height: 65px;
border-radius: 50%;
margin-top: -30px;
display: flex;
justify-content: center;
align-items: center;
}

.rrbm-center img {
width: 34px; /* Icon size increased */
}

@media (min-width: 768px) {
.rrbm-menu {
display: none;
}
}