.yra1lW_button{align-items:center;gap:var(--space-6);padding:var(--space-8)var(--space-16);border-radius:var(--coast-button-radius,var(--coast-radius-button));font-family:var(--coast-font-body);font-size:var(--text-sm);line-height:var(--leading-sm);letter-spacing:var(--tracking-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;transition:filter .15s,background-color .15s;display:flex}.yra1lW_button:where([data-icon-only]){padding:var(--space-10)}.yra1lW_button:focus-visible{outline:2px solid var(--coast-focus-ring);outline-offset:2px}.yra1lW_button:disabled{cursor:default;opacity:.7}.yra1lW_button svg{flex-shrink:0;width:14px;height:14px}.yra1lW_button:where([data-variant=primary]){background-color:var(--coast-button-background,var(--coast-accent-solid));color:var(--coast-button-foreground,var(--coast-text-on-primary));box-shadow:var(--coast-button-shadow,var(--coast-shadow-sm))}.yra1lW_button:where([data-variant=primary]):hover{filter:brightness(1.06)}.yra1lW_button:where([data-variant=primary]):active{filter:brightness(.96)}.yra1lW_button:where([data-variant=ghost]){background-color:var(--coast-button-background,transparent);color:var(--coast-button-foreground,var(--coast-text-secondary))}.yra1lW_button:where([data-variant=ghost]):hover{background-color:var(--coast-bg-element)}.yra1lW_button:where([data-variant=ghost]):active{background-color:var(--coast-bg-element-hover)}@media (prefers-reduced-motion:reduce){.yra1lW_button{transition:none}}