@font-face{font-family:"SF Pro Display Bold";src:url('/replica/assets/editorial-fonts/bold.woff2') format('woff2');font-weight:700;font-display:swap}
.atlas-action-button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;height:50px;padding:0 28px;flex:none;overflow:hidden;background:var(--atlas-button-background,var(--atlas-button-primary-background,var(--ds-t-super,#111)));color:var(--atlas-button-color,var(--atlas-button-primary-color,#fff))!important;font:700 18px/1 "SF Pro Display Bold",-apple-system,sans-serif;letter-spacing:0;text-decoration:none!important;border:0;border-radius:var(--atlas-button-corner-radius,var(--atlas-button-radius,22px));corner-shape:var(--atlas-button-corner-shape,squircle);vertical-align:middle}
/* Type colours: --atlas-button-background/-color on one instance switch its type (design studio v2). */
.atlas-action-button--secondary{background:var(--atlas-button-background,var(--atlas-button-secondary-background,var(--ds-t-card,rgba(0,0,0,.03))));color:var(--atlas-button-color,var(--atlas-button-secondary-color,var(--ds-t-primary,rgba(17,17,17,.9))))!important}
.atlas-action-button .atlas-action-label{position:relative;white-space:nowrap;transition:transform 300ms cubic-bezier(.4,0,.2,1)}
.atlas-action-button :is(.atlas-action-icon,.atlas-action-arrow){display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;transition:transform 300ms cubic-bezier(.4,0,.2,1),opacity 300ms cubic-bezier(.4,0,.2,1),filter 300ms cubic-bezier(.4,0,.2,1)}
.atlas-action-button svg{display:block;width:20px;height:20px}
.atlas-action-button .atlas-action-arrow{position:absolute;right:14px;opacity:0;filter:blur(8px);transform:translateX(100%) scaleX(.5)}
.atlas-action-button--with-icon .atlas-action-arrow{right:28px}
.atlas-action-button--hover-arrow:is(:hover,:focus-visible) .atlas-action-icon{opacity:0;filter:blur(8px);transform:translateX(-100%) scaleX(.5)}
.atlas-action-button--hover-arrow:is(:hover,:focus-visible) .atlas-action-label{transform:translateX(-14px)}
.atlas-action-button--with-icon.atlas-action-button--hover-arrow:is(:hover,:focus-visible) .atlas-action-label{transform:translateX(-28px)}
.atlas-action-button--hover-arrow:is(:hover,:focus-visible) .atlas-action-arrow{opacity:1;filter:blur(0);transform:translateX(0) scaleX(1)}
.atlas-action-button:focus-visible{outline:2px solid var(--ds-t-super,#111);outline-offset:4px;box-shadow:inset 0 0 0 2px white}
.framer-0PXHG :is(.framer-146ug8w-container,.framer-1dwzbuh-container){width:max-content!important;max-width:100%}
@media(prefers-reduced-motion:reduce){.atlas-action-button *{transition:none!important}}

/* Optical alignment sits on the glyph so the wrapper keeps its hover motion. */
.atlas-action-button .atlas-action-apple{transform:translateY(var(--atlas-button-apple-offset-y,-2px))}