.main-footer{
    width: 100%;
    height: 4.5rem;
    padding: 0 4rem;
    background: $color-main-neutral;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;

    [class^='btn-']{
        margin-left: 1rem;
    }

    .link-footer{
        @extend .btn-style-link;
        color: $color-info-extra-dark;
        margin-left: 1rem;

        &:hover{color: darken($color-info-extra-dark-plus, 5%)}

        i{
            font-size: 0.8rem;
            margin-right: 0.3rem;
        }
    }

    .acoes{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    &.salvando{
        .btn-salvar{
            @extend .btn-state-loading;
        }
    }
}

.btn-footer{
    padding: 0 3rem;
    line-height: 3.2rem;
    font-size: 1.1rem
}
