.bottom-nav{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:50px;

    background:#2457D6 !important;

    border-top:1px solid rgba(255,255,255,.20);

    display:flex;
    align-items:center;

    padding:0;
    margin:0;

    z-index:1000;
}

.bottom-nav .footer-btn:last-child .icon svg{
    width:22px !important;
    height:22px !important;
    transform:translateY(3px);
}

.bottom-nav a{
    flex:1 1 33.333%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    color:#ffffff;

    font-size:17px;
    font-weight:600;

    text-align:center;
}

.bottom-nav a.active{
    color:#FFD400;
}

.bottom-nav a:hover{
    color:#ffffff;
}

.bottom-nav span{
    margin-top:3px;
}

/* ===========================
   FOOTER ACTION BAR
=========================== */

.footer-action-bar{
    position:fixed;
    left:12px;
    right:12px;
    bottom:50px;
    height:50px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:0 18px;

    background:rgba(57, 150, 158, 0.92);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border:1px solid #e5e5e5;
    border-radius:18px;

    box-shadow:0 4px 12px rgba(133, 74, 74, 0.1);

    z-index:2000;
}

.footer-action-link{
    display:flex;
    align-items:center;
    gap:6px;
    flex:1;
    text-decoration:none;
    color:#faf8f8;
    font-size:17px;
    font-weight:700;
    justify-content:center;
    white-space:nowrap;
}

.footer-action-post{
    display:flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
    text-decoration:none;

    background:rgba(233, 10, 10, 0.92);
    color:#fff;

    padding:10px 22px;

    border-radius:25px;

    font-weight:700;
    justify-content:center;
    white-space:nowrap;
}