.project-action{--action-background:#f1f0ec;--action-ink:#000;isolation:isolate;border:1px solid var(--action-background);background:var(--action-background);min-width:min(100%,16rem);max-width:100%;min-height:4.75rem;color:var(--action-ink);letter-spacing:-.025em;transition:transform .5s var(--ease-out);border-radius:1.2rem;justify-content:space-between;align-items:center;gap:2rem;padding:.65rem .75rem .65rem 1.6rem;font:500 clamp(1rem,1.25vw,1.2rem)/1.25 Arial,Helvetica,sans-serif;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.project-action--dark{--action-background:#1c1d20;--action-ink:#f1f0ec}.project-action .action-label{transition:transform .5s var(--ease-out)}.project-action .action-icon{background:var(--action-ink);width:3.2rem;height:3.2rem;color:var(--action-background);transition:transform .6s var(--ease-out), color .45s, background-color .45s;border-radius:.7rem;flex-shrink:0;font-size:1.75rem;display:block;position:relative;overflow:hidden;transform:rotate(-6deg)}.project-action .action-icon>span{place-items:center;transition:transform .65s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}.project-action .action-icon>span:last-child{transform:translate(-110%,110%)}.project-action:is(:hover,:focus-visible){color:var(--action-ink);transform:translateY(-3px)}.project-action:is(:hover,:focus-visible) .action-label{transform:translate(.2rem)}.project-action:is(:hover,:focus-visible) .action-icon{color:var(--action-background);background:var(--action-ink);transform:rotate(0)}.project-action:is(:hover,:focus-visible) .action-icon>span:first-child{transform:translate(110%,-110%)}.project-action:is(:hover,:focus-visible) .action-icon>span:last-child{transform:translate(0)}.project-action:focus-visible{outline:2px solid var(--action-focus,#f1f0ec);outline-offset:5px}@media (prefers-reduced-motion:reduce){.project-action,.project-action .action-label,.project-action .action-icon,.project-action .action-icon>span{transition:none}.project-action:is(:hover,:focus-visible),.project-action:is(:hover,:focus-visible) .action-label{transform:none}}