.link-with-arrow:after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background-color:var(--grey-500);transition:var(--link-transition)}.link-with-arrow svg{width:12px;height:12px;transition:var(--link-transition)}.link-with-arrow svg path{fill:var(--grey-500);transition:var(--link-transition)}@media(hover:hover)and (pointer:fine){.link-with-arrow:focus-within,.link-with-arrow:hover{text-decoration:none}.link-with-arrow:focus-within:after,.link-with-arrow:hover:after{width:calc(100% + 2px)}.link-with-arrow:focus-within svg,.link-with-arrow:hover svg{transform:rotate(45deg)}}.link-with-arrow.light{color:var(--light-60)}.link-with-arrow.light path{fill:var(--light-60)}@media(hover:hover)and (pointer:fine){.link-with-arrow.light:focus-within,.link-with-arrow.light:hover{color:var(--pure-white)}.link-with-arrow.light:focus-within path,.link-with-arrow.light:hover path{fill:var(--pure-white)}.link-with-arrow.light:focus-within:after,.link-with-arrow.light:hover:after{background-color:var(--pure-white)}}