godaddy-wordpress/go

/*! WooCommerce: Pagination */
.woocommerce nav.woocommerce-pagination {
    text-align: center;

    ul,
    ul li {
        border: none;
    }

    ul li {

        a,
        span {
            border-bottom: 0;
            font-weight: 700;
            margin: 0 1px;
            padding: 0.25rem 0;
            position: relative;
            text-align: center;

            &::after {
                border-bottom: 2px solid transparent;
                bottom: 0;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                width: 100%;
            }

            &.current,
            &:focus,
            &:hover {
                background: transparent;
                color: var(--go-heading--color--text);

                &::after {
                    border-bottom-color: var(--go-heading--color--text);
                }
            }
        }
    }

    .prev,
    .next {
        font-size: 1rem;
        position: relative;
        text-indent: -9999px;
        width: 40px;

        &::before {
            background: url(../images/arrow-paginator.svg) no-repeat center center;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 40px;
        }
    }

    .next {
        margin-left: 0.25rem;
    }

    .prev {
        margin-right: 0.25rem;

        &::before {
            transform: rotate(180deg);
        }
    }
}