.archive-header{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
width:var(--pw2);
max-width:calc(100% - var(--gap) * 2);
margin:0 auto var(--gap);
gap:var(--gap);
}
.archive-header .title{
margin:0;
white-space:nowrap;
}
.archive-arrow{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border-radius:50%;
color:var(--tx1);
flex-shrink:0;
}
.archive-arrow:hover:not(.disabled){
background-color:var(--hv1);
border-color:var(--cl1);
}
.archive-arrow.disabled{
opacity:0.25;
cursor:not-allowed;
pointer-events:none;
}
.archive-arrow svg{
width:30px;
height:30px;
fill:var(--tx2);
stroke:var(--tx2);
}
.archive-arrow:hover:not(.disabled) svg{
fill:var(--cl1);
stroke:var(--cl1);
}