/*! 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{padding-inline:var(--spacing-l);text-align:center}.o-paging__buttons{display:flex;justify-content:center}.o-paging__info{padding-block-end:var(--spacing-m);padding-block-start:var(--spacing-l)}.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{font-size:1em;font-size:medium;letter-spacing:0;text-transform:none}@media (max-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);height:1px;overflow:hidden;position:absolute!important;width:1px}.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{padding-block-start:var(--spacing-l);padding-inline:0;text-align:left}@media (max-width:599px){.s-single .o-paging .c-btn{width:100%}}@media (min-width:400px){.s-single .c-btn--pagination+.c-btn--pagination{margin-inline-start:0}}@media (min-width:1024px){.s-single .o-paging{display:flex}}}
