@use "../abstracts/mixins";
@use "../abstracts/variables";

.footer{
    position: relative;
    text-align: center;
    padding: 12vh 0;
    color: variables.$cDark;
    @include mixins.fontSize(12,15);
    background: #fff;

    a{
        display: inline-block;
        
        svg{
            stroke: variables.$cDark;
            transition: transform 0.6s variables.$CircEaseInOut, opacity 0.6s variables.$CircEaseInOut;
            
            &.icon-arrow-top{
                @include mixins.respondTo('xs'){
                    width: 45px;
                    height: 105px;
                }
            }
        }

        @include mixins.hover{
            svg{
                transform: translateY(-20px);
                opacity: 0.6;
            }
        }
    }

    p{
        margin-top: 3vh;
    }
}