@layer components{.c-page-pagination{--icon-transform:translateX(0);--disabled-color:var(--brand-slate);--api-button-icon-color:var(--brand-bronze);align-items:start;display:grid;font-size:clamp(.88rem,.13vw + .81rem,.94rem);font-weight:var(--font-weight-semi-bold);gap:var(--grid-padding);grid-template-columns:repeat(3,1fr);letter-spacing:2px;line-height:1.5;text-transform:uppercase;width:100%}.c-page-pagination__link--previous{grid-column:1}.c-page-pagination__link--archive{display:inline-block;grid-column:2;justify-self:center;padding-bottom:10px;position:relative}.c-page-pagination__link--next{grid-column:3;justify-self:right}.c-page-pagination__link--archive:before{animation:paginationBorderClipAnimateOut .25s ease forwards;background-color:var(--brand-bronze);content:"";height:8px;inset:auto 0 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 3px,#000 0,#000 5px,transparent 0,transparent 8px);mask-image:linear-gradient(180deg,transparent 0,transparent 3px,#000 0,#000 5px,transparent 0,transparent 8px);-webkit-mask-position:calc(100% - 4px) 0;mask-position:calc(100% - 4px) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-type:luminance;position:absolute}.c-page-pagination__link--archive:focus:before,.c-page-pagination__link--archive:hover:before{animation:paginationBorderClipAnimateIn .25s ease forwards}@keyframes paginationBorderClipAnimateIn{0%{clip-path:polygon(30% 0,70% 0,70% 5px,30% 5px)}to{clip-path:polygon(0 0,100% 0,100% 5px,0 5px)}}@keyframes paginationBorderClipAnimateOut{0%{clip-path:polygon(0 0,100% 0,100% 5px,0 5px)}to{clip-path:polygon(30% 0,70% 0,70% 5px,30% 5px)}}@media (max-width:800px){.c-page-pagination{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:0}.c-page-pagination__link--previous{grid-column:1;grid-row:1}.c-page-pagination__link--archive{grid-column:span 2;grid-row:2}.c-page-pagination__link--next{grid-column:2;grid-row:1}}}