.pagination{display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);justify-content:space-between;align-items:center;width:150px;height:42px;margin:32px auto;overflow:hidden;font-size:.875rem;color:var(--mid2);border:1px solid var(--blue3);border-radius:26px}.pagination__button{width:40px;height:100%;min-height:0;padding:0;font-size:1rem;color:var(--blue1);border:8px solid var(--white);border-radius:20px;background:var(--white);transition:background .2s ease-out}.pagination__button:hover,.pagination__button:focus{background:var(--blue3);color:var(--white)}.pagination__counts{display:grid;grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);gap:8px;align-items:center;justify-items:center}.pagination__input{width:27px;height:30px;padding:0;font-size:1rem;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px!important}.pagination__input,.pagination__total{color:var(--blue1)}