.c-button{--c-button-padding-x: 1.25rem;--c-button-padding-y: .5rem;--c-button-font-family: CrelanSunset,sans-serif;--c-button-font-size: .875rem;--c-button-font-weight: 400;--c-button-line-height: 120%;--c-button-color: var(--cre-on-surface-default);--c-button-bg: transparent;--c-button-border-width: 2px;--c-button-border-color: transparent;--c-button-border-radius: var(--cre-border-radius-pill);--c-button-gap: .4rem;--c-button-text-alignment: center;--c-button-hover-color: var(--c-button-color);--c-button-hover-bg: transparent;--c-button-hover-border-color: var(--c-button-border-color);--c-button-focus-outline-color: var(--cre-cta-prominent-container);--c-button-focus-outline-offset: 1px;--c-button-focus-outline-size: 2px;--c-button-fill-color: var(--cre-cta-on-prominent-container);--c-button-fill-bg: var(--cre-cta-prominent-container);--c-button-fill-border-color: transparent;--c-button-fill-hover-color: var(--cre-cta-on-prominent-container);--c-button-fill-hover-bg: var(--cre-cta-prominent-container);--c-button-fill-hover-border-color: transparent;--c-button-fill-focus-outline-color: var(--cre-cta-prominent-container);--c-button-fill-focus-outline-offset: 1px;--c-button-fill-focus-outline-size: 2px;--c-button-text-color: var(--cre-on-surface-default);--c-button-text-hover-color: var(--cre-on-surface-default);--c-button-text-focus-outline-color: var(--cre-cta-prominent-container);--c-button-text-focus-outline-offset: 1px;--c-button-text-focus-outline-size: 2px;--c-button-link-color: var(--cre-on-surface-default);--c-button-link-hover-color: var(--cre-link-on-surface-active);--c-button-link-focus-outline-color: var(--cre-link-on-surface-active);--c-button-link-focus-outline-offset: 0;--c-button-link-focus-outline-size: 2px}@media only screen and (min-width: 692px){.c-button{--c-button-padding-x: 1.5rem;--c-button-padding-y: .775rem;--c-button-font-size: 1rem}}.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);padding:var(--c-button-padding-y) var(--c-button-padding-x);border:var(--c-button-border-width) solid var(--c-button-border-color);border-radius:var(--c-button-border-radius);background-color:var(--c-button-bg);color:var(--c-button-color);font-family:var(--c-button-font-family);font-size:var(--c-button-font-size);font-weight:var(--c-button-font-weight);line-height:var(--c-button-line-height);text-align:center;text-decoration:none;transition:background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, outline .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;cursor:pointer}.c-button:not(.c-button--link):hover,.c-button:not(.c-button--link):focus,.c-button:not(.c-button--link):focus-visible{color:var(--c-button-hover-color);border-color:var(--c-button-hover-border-color);background-color:var(--c-button-hover-bg, transparent);outline:var(--c-button-focus-outline-size) solid var(--c-button-focus-outline-color);outline-offset:var(--c-button-focus-outline-offset)}.c-button__icon{display:flex;justify-content:center;align-items:center;line-height:1}.c-button__icon svg{block-size:1em;inline-size:auto}.c-button--filled{--c-button-color: var(--c-button-fill-color);--c-button-bg: var(--c-button-fill-bg);--c-button-border-color: var(--c-button-fill-border-color);--c-button-hover-color: var(--c-button-fill-hover-color);--c-button-hover-bg: var(--c-button-fill-hover-bg);--c-button-hover-border-color: var(--c-button-fill-hover-border-color);--c-button-focus-outline-color: var(--c-button-fill-focus-outline-color);--c-button-focus-outline-offset: var(--c-button-fill-focus-outline-offset);--c-button-focus-outline-size: var(--c-button-fill-focus-outline-size)}.c-button--text{--c-button-padding-x: 0;--c-button-padding-y: .15rem;--c-button-color: var(--c-button-text-color);--c-button-bg: transparent;--c-button-border-color: transparent;--c-button-hover-color: var(--c-button-text-hover-color);--c-button-hover-bg: transparent;--c-button-hover-border-color: transparent;--c-button-focus-outline-color: var(--c-button-text-focus-outline-color);--c-button-focus-outline-offset: var(--c-button-text-focus-outline-offset);--c-button-focus-outline-size: var(--c-button-text-focus-outline-size);text-decoration:underline;text-underline-offset:.25rem}.c-button--text:hover,.c-button--text:focus,.c-button--text:focus-visible{text-decoration:none}.c-button--text .c-button__icon{text-decoration:none}.c-button--link{--c-button-padding-x: 0;--c-button-padding-y: 0;--c-button-font-family: inherit;--c-button-font-size: 1rem;--c-button-font-weight: 400;--c-button-line-height: inherit;--c-button-color: var(--c-button-link-color);--c-button-bg: transparent;--c-button-border-width: 0;--c-button-border-color: transparent;--c-button-hover-color: var(--c-button-link-hover-color);--c-button-hover-bg: transparent;--c-button-hover-border-color: transparent;--c-button-focus-outline-color: var(--c-button-link-focus-outline-color);--c-button-focus-outline-offset: var(--c-button-link-focus-outline-offset);--c-button-focus-outline-size: var(--c-button-link-focus-outline-size);inline-size:-moz-fit-content;inline-size:fit-content;text-decoration:none}.c-button--link:hover,.c-button--link:focus,.c-button--link:focus-visible{color:var(--c-button-link-hover-color);text-decoration:underline;background-color:transparent;border-color:transparent}.c-button--link .c-button__icon{text-decoration:none}.c-button--icon-label .c-button__icon{order:-1}.c-button--icon-only{line-height:1}.c-button--icon-only.c-button--filled{--c-button-padding-x: var(--c-button-padding-y)}.c-button--small.c-button--filled{padding:.2rem .5rem;font-size:.625rem;line-height:.9375rem}.c-button--large.c-button--filled{--c-button-padding-x: 1.75rem;--c-button-padding-y: .875rem}.c-button.is-circular{--c-button-border-radius: 100%;--c-button-padding-x: var(--c-button-padding-y);aspect-ratio:1}