.pagination {
    .page {
        color: #686562;

        @media screen and (min-width: 768px) {
            height: 39px;
            width: 30px;
        }

        &.current {
            background-color: unset;
            color: #F2EAE3;
        }

        &:hover {
            color: #F2D953;
        }
    }

    span.next,
    span.previous,
    a.next,
    a.previous {
        height: 39px;
        width: 39px;
        border: 1px solid #303030;
        background-color: #1C1C1C;
        border-radius: 39px;
        
        .btn-text {
            display: none;
        }

        svg {
            width: 12px;
            stroke-width: 2;
        }
    }

    span.next,
    span.previous {
        opacity: 0.2;
    }
}