.mobile_bottom_nav {
	box-shadow: 0 0 10px #0000002c;
	position: sticky;
    bottom: 0;
	background:white;
	z-index:99;
}

.mobile_bottom_nav_inner {

	
}


.mobile_bottom_nav_inner ul {
	display:flex;
	justify-content: space-around;
    align-items: center;
	margin:0;
}


.mobile_bottom_nav_inner ul li{
	width: -webkit-fill-available;
	max-width:80px;
    padding: 10px 0;

	a {display: flex; flex-direction: column; align-items: center; gap: var(--gap4);}

	a img {width:28px;}

	a p {font:var(--type-discript);}
}


.mobile_bottom_nav_inner ul li.nav_main_li {
	padding:0;

	a {
		aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(0deg, var(--color-1), #3bffed);
        border-radius: 50em;
        position: relative;
        margin: -10px 2px 0px 2px;
        border: 8px solid white;
        box-shadow: 0px -3px 7px 0px #0000002c;
	}

	a img {width:40px; filter: invert(1);}
}