/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. Configure with `webpack.mix.js` 2. `npm run production` will compile into prod/ on the server)

*/
@layer objects{.o-paging{text-align:center;padding-inline:var(--spacing-l)}.o-paging__buttons{justify-content:center;display:flex}.o-paging__info{padding-block-start:var(--spacing-l);padding-block-end:var(--spacing-m)}.o-paging .c-btn a{margin-block-end:var(--spacing-m)}.c-btn--pagination-single a{display:inline-block}}@layer modifiers{.c-btn--pagination{margin-block-end:0}.c-btn--pagination+.c-btn--pagination{margin-inline-start:var(--spacing-s)}.c-btn--pagination-single a{letter-spacing:0;text-transform:none;letter-spacing:0;font-size:1em;font-size:initial}@media (width<=599px){.c-btn--pagination+.c-btn--pagination{margin-inline-start:0}.c-btn--pagination:not(.c-btn--pagination-single):not(.c-btn--pagination-keep-arrows-on-mobile) span[class*=icon]{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;overflow:hidden;position:absolute!important}.c-btn--pagination:not(.c-btn--pagination-single) [class*=c-btn__] svg{margin-inline-end:0;position:relative}.c-btn--pagination:not(.c-btn--pagination-single) .c-btn__left svg{right:-.3em}.c-btn--pagination:not(.c-btn--pagination-single) .c-btn__right svg{left:-.3em}}}@layer scope{.s-single .o-paging{text-align:left;padding-block-start:var(--spacing-l);padding-inline:0}@media (width<=599px){.s-single .o-paging .c-btn{width:100%}}@media (width>=400px){.s-single .c-btn--pagination+.c-btn--pagination{margin-inline-start:0}}@media (width>=1024px){.s-single .o-paging{display:flex}}}