.pagination{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:var(--gap)}.pagination__items-wrapper{margin-left:auto}.pagination__items{margin:0 auto;text-align:center;transition:var(--transition,all 0.2s ease-in-out);margin-left:auto}.pagination__items.loading{opacity:.5;pointer-events:none}.pagination__item{padding:0;margin:0;display:inline-block}.pagination__item a{transition:var(--transition);cursor:pointer;text-decoration:none;padding:.4em .7em;display:inline-block;font-size:var(--font-size-20);line-height:1em;color:var(--color-white);background:var(--color-primary);margin:0 .1em;border:none;border-radius:.35em}.pagination__item a:hover{color:var(--color-white);background:var(--color-secondary)}.pagination__item.active a{color:var(--color-primary);background:transparent;cursor:default;pointer-events:none;font-weight:var(--bold)}.pagination__button{display:inline-flex;align-items:center}.pagination__button::before{content:"";display:inline-block;vertical-align:middle;position:relative;width:0;height:1em;z-index:5;mask:var(--icon-loading) center/contain no-repeat;background-color:var(--color-white);animation:spin 1s linear infinite;transition:var(--transition,all 0.2s ease-in-out)}.pagination__button.loading::before{width:1em;margin-right:1em}@media screen and (max-width:480px){.pagination{flex-direction:column}.pagination__items-wrapper{margin-left:0}.pagination__items{margin-right:auto}}