/* Selected Figma family: B · Connected. One action, with a joined arrow well. */
.brand-arrow{display:inline-block;flex:0 0 24px;width:24px;height:24px;vertical-align:middle;background:currentColor;-webkit-mask:url('/brand/buttons/arrow-right.svg') center/24px 24px no-repeat;mask:url('/brand/buttons/arrow-right.svg') center/24px 24px no-repeat}
.connected-button{
  --button-fill:#2563eb;--button-ink:#fff;--button-well:#fff;--button-arrow:#2563eb;
  --button-hover:#1d4ed8;--button-pressed:#173ea3;--button-border:transparent;
  --button-height:52px;--button-well-size:40px;--button-left:22px;--button-type:16px;--button-min:176px;
}
a.connected-button,button.connected-button,span.connected-button{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:var(--button-height);min-width:var(--button-min);max-width:100%;padding:5px 5px 5px calc(var(--button-left) - 1px);
  border:1px solid var(--button-border);border-radius:999px;background:var(--button-fill);color:var(--button-ink);
  font:500 var(--button-type)/24px Inter,Arial,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;
  cursor:pointer;isolation:isolate;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.connected-button .connected-button__label{display:inline;color:var(--button-ink);font:inherit;margin:0;min-width:0}
.connected-button .brand-arrow{display:block;color:var(--button-arrow);margin:0}
/* The label and arrow well are one link/button, including on touch screens. */
.connected-button .connected-button__label,.connected-button .connected-button__icon{pointer-events:none}
.connected-button .connected-button__icon{
  position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex:0 0 var(--button-well-size);align-items:center;justify-content:center;
  width:var(--button-well-size);height:var(--button-well-size);margin:0;border-radius:50%;
  color:var(--button-arrow);
}
.connected-button .connected-button__icon::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--button-well);transition:transform 180ms ease}
.connected-button--small{--button-height:44px;--button-well-size:32px;--button-left:18px;--button-type:14px;--button-min:152px}
.connected-button--large{--button-height:60px;--button-well-size:48px;--button-left:26px;--button-type:18px;--button-min:200px}
.connected-button--inverse,.universal-header[data-hero=true] .universal-join{
  --button-fill:#fff;--button-ink:#0a0a0a;--button-well:#2563eb;--button-arrow:#fff;
  --button-hover:#eff6ff;--button-pressed:#dbeafe;
}
.connected-button--secondary{
  --button-fill:#fff;--button-ink:#2563eb;--button-well:#2563eb;--button-arrow:#fff;
  --button-hover:#eff6ff;--button-pressed:#dbeafe;--button-border:#dedede;
}
a.connected-button:hover,button.connected-button:hover:not(:disabled),a:hover span.connected-button{
  background:var(--button-hover);box-shadow:0 7px 16px #2563eb26;
}
.connected-button:hover .connected-button__icon::before,a:hover span.connected-button .connected-button__icon::before{transform:scale(.9)}
a.connected-button:active,button.connected-button:active:not(:disabled),a:active span.connected-button{background:var(--button-pressed);box-shadow:none}
.connected-button:active .connected-button__icon::before{transform:scale(.86)}
a.connected-button:focus-visible,button.connected-button:focus-visible,a:focus-visible span.connected-button{
  outline:2px solid #2563eb;outline-offset:4px;box-shadow:0 0 0 3px #fff;border-radius:999px;
}
button.connected-button:disabled{
  --button-fill:#e5e7eb;--button-ink:#626262;--button-well:#e5e7eb;--button-arrow:#626262;cursor:not-allowed;box-shadow:none;
}
button.connected-button[data-loading=true]{--button-fill:#2563eb;--button-ink:#fff;--button-well:#fff;--button-arrow:#2563eb;cursor:wait}
button.connected-button:disabled .connected-button__icon::before{transform:none}
.universal-header .universal-mobile-nav .universal-mobile-join.connected-button{display:inline-flex;width:fit-content;margin-top:12px;padding:5px 5px 5px 21px;border:1px solid transparent;color:var(--button-ink)}
.ed-text-link .brand-arrow,.ed-read-link .brand-arrow,.universal-footer nav .brand-arrow{transition:transform 180ms ease}
.ed-text-link:hover .brand-arrow,.ed-story-link:hover .ed-read-link .brand-arrow,.universal-footer nav a:hover .brand-arrow{transform:translateX(3px)}
.ed-read-link{min-height:44px;gap:8px}
@media(max-width:800px){.universal-actions>.universal-join.connected-button{display:none}}
@media(prefers-reduced-motion:reduce){
  a.connected-button,button.connected-button,span.connected-button,.connected-button .connected-button__icon::before,
  .ed-text-link .brand-arrow,.ed-read-link .brand-arrow,.universal-footer nav .brand-arrow{transition:none}
  .connected-button:hover .connected-button__icon::before,.connected-button:active .connected-button__icon::before,a:hover span.connected-button .connected-button__icon::before,
  .ed-text-link:hover .brand-arrow,.ed-story-link:hover .ed-read-link .brand-arrow,.universal-footer nav a:hover .brand-arrow{transform:none}
}