/* Wave Axis · LinkedIn links on the team cards and profiles: the "in" icon opens into the full LinkedIn name on hover */
.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.li-link{display:inline-flex;align-items:center;height:40px;min-width:40px;padding:0 10px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#fff;text-decoration:none;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.li-link svg{width:18px;height:18px;flex:none;fill:currentColor}
.li-word{max-width:0;opacity:0;white-space:nowrap;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;transition:max-width .35s ease,opacity .25s ease,margin .35s ease}
.li-link:hover,.li-link:focus-visible{background:#0A66C2;border-color:#0A66C2;color:#fff}
.li-link:hover .li-word,.li-link:focus-visible .li-word{max-width:90px;opacity:1;margin-inline-start:8px}
.li-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* On the profile pages the button matches the other actions */
.profile-actions .li-link{height:48px;min-width:48px;padding:0 14px;border-color:var(--cyan,#1ECCD5)}
body.theme-day .profile-actions .li-link:not(:hover):not(:focus-visible){color:#0B171B}
@media (hover:none){.li-word{max-width:90px;opacity:1;margin-inline-start:8px}}
@media (prefers-reduced-motion:reduce){.li-link,.li-word{transition:none}}
