.marketing .marketing-button.button-02{--button-height:48px;--button-label-padding:60px;--button-split:calc(var(--button-height) + 4px);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);height:var(--button-height);min-height:var(--button-height);box-shadow:none;isolation:isolate;background:0 0;border:0;justify-content:flex-start;gap:0;padding:0;display:inline-flex;position:relative}.marketing .button-02[data-size=compact]{--button-height:38px;--button-label-padding:24px}.button-02 .inner,.button-02 .circle{height:var(--button-height);background:var(--cta-background);color:#fff;box-shadow:var(--shadow-primary);white-space:nowrap;border:1px solid #ffffff29;border-radius:9999px;justify-content:center;align-items:center;display:flex}.button-02 .inner{z-index:1;width:100%;padding-inline:var(--button-label-padding);transition:width .5s var(--ease-out-quart);flex-shrink:0;position:relative}.button-02 .circle{width:var(--button-height);transform-origin:0;transition:transform .5s var(--ease-out-quart);position:absolute;right:0;overflow:hidden;transform:scale(0)}.button-02 .circle>span{width:100%;height:100%;transition:transform .3s var(--ease-out-quart);place-items:center;display:grid;transform:translate(-100%)}.button-02 .circle svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.marketing .marketing-button.button-02:hover{background:0 0}.button-02:hover .inner{width:calc(100% - var(--button-split))}.button-02:hover .circle{transform:scale(1)}.button-02:hover .circle>span{transition-delay:.1s;transform:translate(0)}}.button-02:focus-visible .inner{width:calc(100% - var(--button-split))}.button-02:focus-visible .circle,.button-02:focus-visible .circle>span{transform:none}.button-02:focus-visible .inner,.button-02:focus-visible .circle,.button-02:focus-visible .circle>span{transition:none}@media (min-width:601px) and (max-width:900px){.marketing .site-header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand brand brand""navigation navigation actions";gap:12px 8px}}@media (max-width:600px){.marketing .marketing-button.button-02[data-size=compact]{--button-height:44px;--button-label-padding:10px;padding:0}.button-02[data-size=compact]:is(:hover,:focus-visible) .inner{width:100%}.button-02[data-size=compact]:is(:hover,:focus-visible) .circle{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.button-02 .inner,.button-02 .circle,.button-02 .circle>span{transition:none}}