.profile-pagination{display:flex;justify-content:center;gap:8px}.profile-pagination .input{border-radius:var(--b-radius);width:68px;text-align:center;background:var(--bg_light__100);color:var(--color_main__100);font-weight:600;font-size:16px}@media (max-width: 979px){.profile-pagination .input{width:0;flex:1;font-size:14px}}.profile-pagination button{background:var(--bg_main__100);color:var(--color_secondary__100);border-radius:var(--b-radius);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:600;font-size:16px;position:relative;overflow:hidden;z-index:1;transition:.2s;flex-shrink:0}@media (max-width: 979px){.profile-pagination button{width:32px;height:32px;font-size:14px}}.profile-pagination button:after{z-index:-1;content:"";background:radial-gradient(73.33% 73.33% at 50% 50%,#9DB1FF 0%,#6D3EFF 100%);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.2s}.profile-pagination button:not(.dots):hover,.profile-pagination button.active{color:#fff}.profile-pagination button:not(.dots):hover:after,.profile-pagination button.active:after{opacity:1}.profile-pagination button.nav:first-child svg{transform:rotate(90deg)}.profile-pagination button.nav:last-child svg{transform:rotate(-90deg)}