@use '../utils' as *;

/*----------------------------------------*/
/*  2.10 Offcanvas
/*----------------------------------------*/

.mt-pagination ul {
    list-style: none;

    & li {
        display: inline-block;
        margin-right: 7px;

        & a {
            border: 1px solid var(--mt-border-1);
            line-height: 60px;
            text-align: center;
            font-size: 17px;
            font-weight: 500;
            color: var(--mt-common-black);
            background: var(--mt-border-1);
            border-radius: 50%;
            height: 60px;
            width: 60px;
            display: inline-block;
            transition: 0.3s;

            &.active {
                background-color: var(--mt-theme-1);
                border-color: var(--mt-theme-1);
                color: var(--mt-common-black);
            }

            &:hover {
                background-color: var(--mt-theme-1);
                border-color: var(--mt-theme-1);
                color: var(--mt-common-black);
            }

            & i {
                font-size: 26px;
                @include transform(translateY(3px));
            }
        }
    }
}