.pagination {
    background: transparent;
    font-size: $font_size_default;
    text-align: center;
    margin-top: 50px;
    a, a:link, a:visited {
        background: $font_accent_1;
        padding: 3px 9px;
        text-decoration: none;
        color: $font_accent_4;
        border-radius: 3px;
    }
    a:hover, a:active {
        color: $font_accent_3;
        background: $font_accent_2;
        box-shadow: 0px 0px 2px 2px $font_accent_2;
    }
    .disabled {
        background: $font_accent_2;
    }
}

@media (min-width: $large_view) {
    .pagination {
        font-size: $font_size_default_large;
    }
}

@media (max-width: $mobile_view) {
    .pagination {
        font-size: $font_size_default_mobile;
    }
}

@media (max-width: $tiny_view) {
    .pagination {
        font-size: $font_size_default_tiny;
    }
}