.main-footer {
    width: 100%;
    height: 4.5rem;
    align-items: center;
    z-index: 4;
    position: relative;

    &.view-data-grid{
        height: 33%;

        .caption i{
            transform: rotate(0deg);
        }
    }

    .caption{
        width: 100%;
        height: 4.5rem;
        align-items: center;
        cursor: pointer;
        position: relative;
        padding: 2rem;
        background: $color-main-neutral;

        p{
            font-size: 1.4rem;
            font-weight: 700;
            color: $color-main;
            margin: 0.3rem 0;
            float: left;

            i{
                font-size: 0.9rem;
                margin-right: 1rem;
                display: inline-block;
                transform: rotate(-180deg);
                transition: transform .4s ease-in-out;
            }

            small{
                font-weight: $font-default;
                font-size: 1.1rem;
            }
        }
    }
}
