@use "abstracts/mixins.scss" as *;

#site-footer{
    background-color: var(--color-x-light);
    min-height: 200px;
    padding-inline: var(--padding-body);
    padding-top: calc(var(--spacing)*2);
    padding-bottom: calc(var(--spacing)*3);

    display: grid;
    grid-template-columns: 300px 300px 1fr;
    grid-gap: calc(var(--spacing)*1);


    .logo-botascopia{
        width: 140px;
        display: block;
        align-self: start;
        position: relative;
        top: -5px;
        svg{
            width: 100%;
        }
    }

    // .col-left{
    //           grid-column: 1;
    //     grid-row: 2;
    // }

    // .col-right{
    //     grid-column: 2;
    //     grid-row: 2;
    // }

    .link-with-arrow{
        font-size: var(--fs-normal);
        font-weight: 500;      
    }

    ul{
        list-style: none;
        

        li{
              font-size: var(--fs-normal);
            font-weight: 600;
            margin-bottom: calc(var(--spacing)*0.5);
            a{
                color: var(--color-txt);
                text-decoration: none;
                display: flex;
                align-items: center;
                gap: 0.5ch;
                font-weight: 600;
                &:hover{
                    text-decoration: underline 1px;

                }
                .icon{
                    @include icon(16px);
                    opacity: 0.8;
                    
                }
            }

                
        }

    
    }

   
}