.mobile-menu{gap:.5rem;background-color:#0a2c47;padding:.5rem}.desktop-menu,.mobile-menu{list-style:none;justify-content:center;margin:.4rem 0 .2rem;align-items:center;display:flex}.desktop-menu{padding:0}.menu-button{font-size:1.2rem;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;width:45px}.user-profile-container{gap:.5rem}.user-profile-container,.user-profile-link{display:flex;align-items:center;position:relative}.user-profile-link{justify-content:center;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.1);transition:background-color .2s ease;text-decoration:none;color:#fff}.user-profile-link:hover{background-color:hsla(0,0%,100%,.2)}.user-profile-link i{font-size:1.2rem}.rideshare-nav-item{position:relative}.rideshare-nav-item a{position:relative;display:inline-block}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0a2c47}.logout-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease;font-size:1.1rem}.logout-button:hover{background-color:hsla(0,0%,100%,.1)}@media only screen and (max-width:470px){.desktop-menu{justify-content:space-around}.menu-icon{display:flex}}