.article-card-shell{position:relative} .article-card-shell[data-article-id],.article-card-shell[data-article-href]{cursor:pointer} .article-external-link{position:absolute;top:5px;right:5px;z-index:12;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:#058d33;box-shadow:0 7px 18px rgba(3,76,27,0.34);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3px);transition:opacity 0.16s ease,visibility 0.16s ease,transform 0.16s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease} .article-external-link::before{content:"";width:18px;height:18px;display:block;background:url("../../up-right.png") center / contain no-repeat;transition:transform 0.18s ease} .article-card-shell:hover .article-external-link,.article-card-shell:focus-within .article-external-link{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .article-external-link:hover,.article-external-link:focus-visible{border-color:rgba(255,255,255,0.38);background:#04772b;color:#fff;box-shadow:0 9px 22px rgba(3,76,27,0.44);outline:none} .article-external-link:hover::before,.article-external-link:focus-visible::before{transform:translate(2px,-2px)} .article-external-link:focus-visible{outline:3px solid rgba(2,195,154,0.65);outline-offset:2px} @media (prefers-reduced-motion:reduce){.article-external-link,.article-external-link::before{transition:none}}