:root{--pagination-button-background-color:transparent;--pagination-button-border-radius:0;--pagination-button-icon-color:var(--black);--pagination-button-box-shadow:none;--pagination-button-border-color:var(--black);--pagination-button-background-color-hover:var(--black);--pagination-button-icon-color-hover:var(--white)}.theme--black,.theme--blue{--pagination-button-icon-color:#fff;--pagination-button-border-color:#fff;--pagination-button-background-color-hover:#fff;--pagination-button-icon-color-hover:var(--black)}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.pagination__button{align-items:center;background:var(--pagination-button-background-color);border:2px solid var(--pagination-button-border-color);border-radius:var(--pagination-button-border-radius);box-shadow:var(--pagination-button-box-shadow);display:flex;height:44px;justify-content:center;opacity:1;transition:background .3s ease-in-out;width:44px}.pagination__button:not(.pagination__button--disabled):is(:hover,:focus){background:var(--pagination-button-background-color-hover)}.pagination__button--disabled{cursor:default;opacity:.4}.pagination__button svg{display:block;height:1em;width:1em;fill:var(--pagination-button-icon-color);transition:fill .3s ease-in-out}.pagination__button:not(.pagination__button--disabled):is(:hover,:focus) svg{fill:var(--pagination-button-icon-color-hover)}.pagination__button--previous svg{transform:scaleX(-1)}