nav.pagination{display:flex;gap:20px;justify-content:center}nav.pagination .btn-wrapper{align-items:center;display:flex;gap:8px;justify-content:center}nav.pagination .btn-wrapper a,nav.pagination .btn-wrapper span{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 14px 29px #14276d12,0 5.393px 9.237px #14276d0a,0 1.141px 2.363px #14276d08;color:#333c57;display:flex;flex-direction:column;font-family:Montserrat;font-size:14px;font-weight:400;height:36px;justify-content:center;line-height:20px;padding:4px;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;width:36px}nav.pagination .btn-wrapper a:hover,nav.pagination .btn-wrapper span:hover{background:#f2f4f8}nav.pagination .btn-wrapper a.active,nav.pagination .btn-wrapper span.active{background-color:#333c57;color:#fff}nav.pagination .page-arrows a{background:#f2f4f8;box-shadow:none;cursor:default;pointer-events:none}nav.pagination .page-arrows a.activeArrow{background-color:#fff;box-shadow:0 14px 29px #14276d12,0 5.393px 9.237px #14276d0a,0 1.141px 2.363px #14276d08;cursor:pointer;pointer-events:all}nav.pagination .page-arrows a:hover{background:#f2f4f8}nav.pagination .page-numbers{display:flex;gap:8px;justify-content:center}@media screen and (max-width:480px){.clienthistories-page nav.pagination{flex-wrap:wrap;gap:10px;height:122px}.clienthistories-page nav.pagination .btn-wrapper a,.clienthistories-page nav.pagination .btn-wrapper span{font-size:14px;line-height:20px}}@media screen and (max-width:1280px){nav.pagination{height:40px}nav.pagination .btn-wrapper{background-color:transparent}nav.pagination .page-arrows a,nav.pagination .page-arrows span{align-items:center;display:flex;flex-direction:column;height:36px;justify-content:center;padding:0;width:36px}nav.pagination .page-arrows a .button-icon,nav.pagination .page-arrows span .button-icon{height:24px;width:24px}nav.pagination .page-numbers{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;height:36px;justify-content:space-between!important}nav.pagination .page-numbers .btn-wrapper a.active,nav.pagination .page-numbers .btn-wrapper span.active{align-items:center;color:#fff;display:flex;flex-direction:column;height:36px;justify-content:center;padding:0;width:36px}}
