/* Preserve these controls independently of WP Rocket's generated Used CSS. */
.afe-product-pagination {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 32px 16px;
    text-align: center;
    background: #fff;
}

.afe-product-pagination .afe-product-count {
    margin: 0 0 18px;
    color: #555;
    font-size: 16px;
}

.afe-product-pagination .afe-more-products {
    display: inline-block;
    padding: 15px 28px;
    margin-bottom: 20px;
    border: 2px solid #9c1e21;
    background: #9c1e21;
    color: #fff;
    font-size: 18px;
    font-family: "brandongrotesque-boldbook", sans-serif;
    text-decoration: none;
}

.afe-product-pagination .afe-more-products:hover,
.afe-product-pagination .afe-more-products:focus {
    background: #741619;
    border-color: #741619;
    color: #fff;
    text-decoration: none;
}

.afe-product-pagination .page-numbers {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 12px;
    margin: 4px;
    border: 1px solid #ccc;
    color: #555;
    font-size: 16px;
    text-decoration: none;
}

.afe-product-pagination .page-numbers.current {
    background: #333;
    color: #fff;
    border-color: #333;
}

.afe-product-pagination a:focus {
    outline: 2px solid #333;
    outline-offset: 3px;
}

@media (max-width: 480px) {
    .afe-product-pagination .afe-more-products {
        width: 100%;
        max-width: 320px;
        box-sizing: border-box;
    }
}