:root{
    --reserve-wa:#1DA851;
    --reserve-wa-dark:#128C4A;
    --reserve-online:#2b2b2b;
    --reserve-online-dark:#000000;
}
#reserve-bar{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:9999;
    display:flex;
    box-shadow:0 -2px 10px rgba(0,0,0,0.12);
    padding-bottom:env(safe-area-inset-bottom);
}
#reserve-bar a{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:13px 8px;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.5px;
    color:#fff;
    text-decoration:none;
    font-family:inherit;
}
#reserve-bar a i{font-size:16px;line-height:1;}
#reserve-bar .reserve-wa{background:var(--reserve-wa);}
#reserve-bar .reserve-wa:active,#reserve-bar .reserve-wa:hover{background:var(--reserve-wa-dark);color:#fff;}
#reserve-bar .reserve-online{background:var(--reserve-online);}
#reserve-bar .reserve-online:active,#reserve-bar .reserve-online:hover{background:var(--reserve-online-dark);color:#fff;}
body{padding-bottom:54px;}
#reserve-fab{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    display:none;
    flex-direction:column;
    gap:10px;
    align-items:flex-end;
}
#reserve-fab a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:11px 20px;
    border-radius:999px;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.5px;
    color:#fff;
    text-decoration:none;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
    font-family:inherit;
    white-space:nowrap;
}
#reserve-fab a i{font-size:17px;line-height:1;}
#reserve-fab .reserve-wa{background:var(--reserve-wa);}
#reserve-fab .reserve-wa:hover{background:var(--reserve-wa-dark);color:#fff;}
#reserve-fab .reserve-online{background:var(--reserve-online);}
#reserve-fab .reserve-online:hover{background:var(--reserve-online-dark);color:#fff;}
@media (min-width:992px){
    #reserve-bar{display:none;}
    #reserve-fab{display:flex;}
    body{padding-bottom:0;}
}
@media (max-width:400px){
    #reserve-bar a{
        font-size:12.5px;
        gap:4px;
        padding:13px 4px;
        letter-spacing:0.3px;
    }
    #reserve-bar a i{font-size:14px;}
}