.article-navigation{margin-block:var(--space-xlg);margin-inline:auto;display:flex;gap:1rem}@media only screen and (min-width: 64em){.article-navigation{gap:var(--gutter)}}.article-navigation__previous,.article-navigation__next{flex:0 0 calc(50% - .5rem);padding-block:var(--space-md);padding-inline:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:space-between;background-color:var(--white);border-radius:var(--card-border-radius);z-index:0}@media only screen and (min-width: 64em){.article-navigation__previous,.article-navigation__next{padding-block:var(--space-lg);padding-inline:var(--space-lg);flex-direction:row;justify-content:flex-end}}@media only screen and (min-width: 40em){.article-navigation__previous-text,.article-navigation__next-text{min-width:10rem}}.article-navigation__previous-text p,.article-navigation__next-text p{font-size:var(--font-size-h4);font-weight:500;background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-navigation__previous-text span,.article-navigation__next-text span{font-size:var(--font-size-h6)}@media only screen and (min-width: 64em){.article-navigation__previous-text span,.article-navigation__next-text span{font-size:var(--font-size-h4)}}.article-navigation__previous .image,.article-navigation__next .image{max-width:10rem;aspect-ratio:1.25;position:relative;border-radius:var(--card-border-radius)}.article-navigation__previous .image>*,.article-navigation__next .image>*{position:relative}.article-navigation__previous .image:before,.article-navigation__next .image:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--bluepink);border-radius:var(--card-border-radius);z-index:-1}@media only screen and (min-width: 64em){.article-navigation__previous .image,.article-navigation__next .image{max-width:8rem;aspect-ratio:1}}.article-navigation__previous .image img,.article-navigation__next .image img{border-radius:var(--card-border-radius)}.article-navigation__previous{text-align:right}@media only screen and (min-width: 64em){.article-navigation__next{flex-direction:row-reverse}}