_footer.scss

@use "../abstracts/variables" as var;
@use "../abstracts/mixins" as mix;
@use "sass:math";

footer{
    @extend %section;
    text-align: center;
    background-color: var.$background-color-secondary;
    .socials a:not(:last-child){
        margin-right:(math.div(var.$gutter-base,3)) ;
    }
        i{
        color: var.$text-color-primary;
        font-size: var.$gutter-base;
        
    }
    p{
        margin-top:  (math.div(var.$gutter-base,2));
        margin-bottom: 0;

        text-transform: uppercase;
        color: var.$text-color-primary;
        a{
            text-decoration: none;
            font-weight: var.$font-weight-bold;
            color: var.$text-color-primary;

        }
    }
}