.action-button{isolation:isolate;white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:30px;min-width:174px;min-height:54px;padding:13px 16px 13px 26px;font-size:14px;font-weight:550;line-height:1.2;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.action-button.primary{background:var(--accent);color:#fff;box-shadow:0 5px 16px #2f6df01a}.action-button.secondary{background:var(--panel);border-color:var(--line);color:var(--text)}.action-label{z-index:2;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s;position:relative}.action-arrow{z-index:2;background:#ffffff20;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .25s;display:grid;position:relative}.secondary .action-arrow{background:var(--surface)}.action-fill{z-index:1;background:#245bcf;border-radius:50%;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:-80px;transform:translate(110%)}.action-reveal{color:#fff;z-index:2;opacity:0;justify-content:center;align-items:center;gap:15px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;position:absolute;inset:0;transform:translate(-18px)}.action-button:is(:hover,:focus-visible):not(:disabled) .action-fill{transform:translate(0)}.action-button:is(:hover,:focus-visible):not(:disabled) .action-label{opacity:0;transform:translate(16px)}.action-button:is(:hover,:focus-visible):not(:disabled) .action-arrow{opacity:0}.action-button:is(:hover,:focus-visible):not(:disabled) .action-reveal{opacity:1;transform:translate(0)}.action-button:active{transform:scale(.98)}.action-button:disabled .action-arrow{display:none}@media (prefers-reduced-motion:reduce){.action-button *,.action-button{transition:none!important}.action-fill,.action-reveal{display:none!important}.action-button .action-label,.action-button .action-arrow{opacity:1!important;transform:none!important}}