.c-button{--c-button-border: medium solid transparent;--c-button-radius: var(--cal-radius-button, var(--cal-radius-default, var(--cal-radius-md, .25rem)));--c-button-padding-block: var(--cal-spacing-2, .5rem);--c-button-padding-inline: var(--cal-spacing-4, 1rem);--c-button-gap: .5em;--c-button-line-height: var(--cal-line-height-tight, 1.25);--c-button-letter-spacing: var(--cal-letter-loose, .12em);--c-button-transition: var(--cal-transition-base, cubic-bezier(.215, .61, .355, 1) .4s);--c-button-text-alignment: center}.c-button{display:inline-flex;align-items:center;justify-content:var(--c-button-text-alignment);gap:var(--c-button-gap);inline-size:var(--c-button-width);line-height:var(--c-button-line-height);transition:var(--c-button-transition);cursor:pointer}.c-button--filled,.c-button--outline,.c-button--ghost,.c-button--soft{padding-block:var(--c-button-padding-block);padding-inline:var(--c-button-padding-inline);text-decoration:none;border-radius:var(--c-button-radius);border:var(--c-button-border);font-weight:600}.c-button--filled{color:var(--c-button-color-content);background:var(--c-button-color);outline-color:var(--c-button-color);border-color:var(--c-button-color)}.c-button--filled:hover,.c-button--filled:focus{color:var(--c-button-color-content-hover);background:var(--c-button-color-hover);outline-color:var(--c-button-color-hover);border-color:var(--c-button-color-hover)}.c-button--soft{--c-button-color-content: var(--c-button-color);color:var(--c-button-color);background:color-mix(in oklab, var(--c-button-color) 8%, var(--cal-color-surface-1, #ffffff));outline-color:color-mix(in oklab, var(--c-button-color) 8%, var(--cal-color-surface-1, #ffffff));border-color:color-mix(in oklab, var(--c-button-color) 8%, var(--cal-color-surface-1, #ffffff))}.c-button--soft:hover,.c-button--soft:focus{color:var(--c-button-color-content-hover);background:var(--c-button-color-hover);outline-color:var(--c-button-color-hover);border-color:var(--c-button-color-hover)}.c-button--ghost{--c-button-color-content: var(--c-button-color);color:var(--c-button-color);background:rgba(0,0,0,0);outline-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.c-button--ghost:hover,.c-button--ghost:focus{color:var(--c-button-color-content-hover);background:var(--c-button-color-hover);outline-color:var(--c-button-color-hover);border-color:var(--c-button-color-hover)}.c-button--outline{color:var(--c-button-color);border-color:var(--c-button-color)}.c-button--outline:hover,.c-button--outline:focus{color:var(--c-button-color-content-hover);border-color:var(--c-button-color-hover);background:var(--c-button-color-hover)}.c-button--link{transition:var(--cal-transition-base);transition-property:var(--cal-transition-prop-cosmetic);text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-underline-position:under;text-decoration-thickness:.05rem;text-underline-offset:.05em;font-family:var(--cal-font-family-body);font-optical-sizing:auto;font-size:var(--cal-font-size);font-weight:400;line-height:1.7;color:var(--c-button-color)}.c-button--link:hover,.c-button--link:focus{color:var(--c-button-color-hover)}.c-button--icon-label .c-button__icon{order:-1}.c-button--icon-only{line-height:1}.c-button--icon-only:not(.c-button--link){--c-button-padding-inline: var(--c-button-padding-block)}.c-button--small{font-size:var(--cal-font-size-sm)}.c-button--small:not(.c-button--link){padding-block:.25em;padding-inline:.875em}.c-button--large{font-size:var(--cal-font-size-xl)}.c-button--large:not(.c-button--link){padding-block:.875em;padding-inline:2.5em}.c-button.is-circular{--c-button-radius: var(--cal-radius-circle);--c-button-padding-inline: var(--c-button-padding-block);aspect-ratio:1}