.page-btn{width:min-content;height:min-content;min-height:calc(--index/.535);margin:0;padding:calc(var(--index)/3.75) calc(var(--index)/3.75) calc(var(--index)/4.285) calc(var(--index)/3.75);border-bottom:1px solid #343438;display:flex;flex-direction:row;align-items:flex-end;gap:calc(var(--index)/3.75)}.page-btn:hover{cursor:pointer;border-bottom:1px solid #a970ff}.page-btn:hover .page-btn__text{color:#a970ff}.page-btn:visited{color:#b8b8bf;text-decoration:none}.page-btn__text{color:#b8b8bf;font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/1.5);font-weight:700;text-wrap:nowrap}.page-btn_reverse{flex-direction:row-reverse}.page-btn_active{border-bottom:1px solid #a970ff;padding-bottom:calc(var(--index)/4.285)}.page-btn_active .page-btn__text{color:#a970ff}@media screen and (max-width:500px){.page-btn{min-height:calc(var(--index)/.366);padding:0;flex-direction:row-reverse;align-items:center;gap:calc(var(--index)*1.375)}.page-btn,.page-btn:hover{border:none}.page-btn__text{font-size:calc(var(--index)/.611);padding-top:calc(var(--index)/2.75);color:#f0f0f5}.page-btn_reverse{flex-direction:row}.page-btn_active{border:none}}