.button{justify-content:center;align-items:center;gap:var(--space-inline-gap);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:var(--button-font-weight);border-radius:var(--button-border-radius);border:var(--button-border-width) solid var(--button-primary-border);background:var(--button-primary-background);color:var(--button-primary-foreground);cursor:pointer;isolation:isolate;transition:border-color var(--button-duration) var(--easing-default), color var(--button-duration) var(--easing-default);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:hover{border-color:var(--button-primary-background-hover)}.button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button--secondary{background:var(--button-secondary-background);color:var(--button-secondary-foreground);border-color:var(--button-secondary-border);border-width:var(--button-outline-border-width);transition:border-color var(--button-duration) var(--easing-default), color var(--button-duration) var(--easing-default)}.button--secondary:hover{border-color:var(--button-secondary-background-hover)}.button--secondary.button--hovering{color:var(--button-secondary-foreground-hover)}.button--ghost{background:var(--button-ghost-background);color:var(--button-ghost-foreground);border-color:var(--button-ghost-border);border-width:var(--button-outline-border-width)}.button__icon{z-index:1;flex-shrink:0;align-items:center;width:1em;height:1em;display:flex;position:relative}.button__arrow{transition:transform var(--button-duration) var(--easing-default);z-index:1;flex-shrink:0;align-items:center;display:flex;position:relative}.button:hover .button__arrow{transform:translate(2px)}.button__glow{pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,#ffffff73 0%,#0000 70%);border-radius:50%;width:52px;height:52px;position:absolute;transform:translate(-50%,-50%)}.button__wipe{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.button__wipe path{fill:var(--button-primary-background-hover)}.button--secondary .button__wipe path{fill:var(--button-secondary-background-hover)}.button--ghost .button__wipe path{fill:var(--button-ghost-background-hover)}@media (hover:none){.button:active{background:var(--button-primary-background-hover)}.button--secondary:active{background:var(--button-secondary-background-hover);color:var(--button-secondary-foreground-hover);border-color:var(--button-secondary-background-hover)}.button--ghost:active{background:var(--button-ghost-background-hover)}}@media (prefers-reduced-motion:reduce){.button__wipe{display:none}.button{transition:background var(--button-duration) var(--easing-default), border-color var(--button-duration) var(--easing-default), color var(--button-duration) var(--easing-default)}.button:hover{background:var(--button-primary-background-hover)}.button--secondary:hover{background:var(--button-secondary-background-hover);color:var(--button-secondary-foreground-hover)}.button--ghost:hover{background:var(--button-ghost-background-hover)}}