.profile-pagination .input,
.profile-pagination button {
  border-radius:var(--b-radius);
  font-weight:600;
  font-size:16px
}
.profile-pagination {
  display:flex;
  justify-content:center;
  gap:8px
}
.profile-pagination .input {
  width:68px;
  text-align:center;
  background:var(--bg_light__100);
  color:var(--color_main__100)
}
.profile-pagination button {
  background:var(--bg_main__100);
  color:var(--color_secondary__100);
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  position:relative;
  overflow:hidden;
  z-index:1;
  transition:.2s;
  flex-shrink:0
}
@media (max-width:979px) {
  .profile-pagination .input {
    width:0;
    flex:1;
    font-size:14px
  }
  .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.active,
.profile-pagination button:not(.dots):hover {
  color:#fff
}
.profile-pagination button.active:after,
.profile-pagination button:not(.dots):hover:after {
  opacity:1
}
.profile-pagination button.nav:first-child svg {
  transform:rotate(90deg)
}
.profile-pagination button.nav:last-child svg {
  transform:rotate(-90deg)
}