.footer{
    background-color: var(--colorSecond);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;

    .footer-first{
        display: flex;
        align-items: center;

        .footer-logo .logo,
        .footer-nav .nav-list .list-item .item-link{
            color: var(--colorFirst);
        }
        .footer-nav{

            .nav-list{
                display: flex;
                gap: var(--value12Px);

                
    
                .list-item{
                    list-style: none;

                    .item-link{
                        text-decoration: none;
                        font-size: .9rem;
                    }
                }
            } 
        } 
    }

    .footer-reservation{
        width: 100%;
        display: flex;
        justify-content:center;
        align-items: center;
        gap: var(--value12Px);
        position: relative;

        

        .reservation-text{
            p{
                color: var(--colorFirst);
                font-size: .9rem;
            }
        }
        
        .reservation-back{  
            width: 26px;
            position: fixed;
            right: 0;
            bottom: 10px;
            background-color: var(--colorFirst);
            border-radius: 6px;

    
            img{
                width: 100%;
                transform: rotate(-90deg)
            }
        }

        .reservation-back:hover{
            background-color: var(--colorFirstLight);
        }

    } 

    
}