/* Light, consistent line icons instead of font-dependent arrow glyphs. */
.link-arrow{display:block;width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.arrow-circle{background:transparent;color:var(--ink);border:1px solid rgba(37,72,63,.28);transition:border-color .25s ease,background .25s ease}
.header-link>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}
.header-link .link-arrow{width:20px;height:20px}
@media(hover:hover){
  .world-card:hover .arrow-circle{background:rgba(37,72,63,.05);border-color:var(--ink);transform:none}
  .world-card:hover .link-arrow,.header-link:hover .link-arrow{transform:translate(1px,-1px)}
}