#nav_btn_panel {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0.5rem;
}
    #nav_btn_panel .back_btn,
    #nav_btn_panel .nav_btn {
        border-radius: 0.3rem;
    }
    #nav_btn_panel .back_btn {
        position: relative;
        padding: 0.3rem 0.6rem;
        color: var(--dark_color);
        background-color: #d7d2c5;
        font-size: 0.8rem;
        text-transform: uppercase;
    }
    #nav_btn_panel .back_btn:hover {
        background-color: #cbbea6;
    }

    #nav_btn_panel .nav_btn {
        color: #a7a39e;
        padding: 0.3rem 0.3rem;
    }
    #nav_btn_panel .nav_btn:hover {
        color: var(--dark_color);
        background-color: #d3cec1;
    }

    #nav_btn_panel .nav_btn_separator {
        color: var(--gray_color);
        padding: 0.3rem 0.2rem;
    }

@media (max-width: 768px) {
    #nav_btn_panel {
        padding-left: 0.2rem;
    }
        #nav_btn_panel .back_btn {
            padding: 0.3rem 0.5rem;
        }

    #nav_btn_panel .nav_btn {
        color: #a7a39e;
        padding: 0.3rem 0.2rem;
    }
}