.button{--button-background:transparent;--button-border-width:1px;--button-border-color:transparent;z-index:0;cursor:pointer;font-family:var(--font-family-secondary);text-transform:uppercase;background:0 0;border:none;outline:none;justify-content:center;align-items:center;font-weight:400;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.button:before{content:"";z-index:-1;background-color:var(--button-background);clip-path:shape(from 8px 0, curve to 0 8px with 8px 4.418px/4.418px 8px, line to 0 calc(100% - 8px), curve to 8px 100% with 4.418px calc(100% - 8px)/8px calc(100% - 4.418px), line to calc(100% - 8px) 100%, curve to 100% calc(100% - 8px) with calc(100% - 8px) calc(100% - 4.418px)/calc(100% - 4.418px) calc(100% - 8px), line to 100% 8px, curve to calc(100% - 8px) 0 with calc(100% - 4.418px) 8px/calc(100% - 8px) 4.418px, close);transition:background-color .3s;position:absolute;inset:0}.button .frame{pointer-events:none;color:var(--button-border-color);background:linear-gradient(currentcolor, currentcolor) no-repeat center top/calc(100% - 16px) var(--button-border-width),linear-gradient(currentcolor, currentcolor) no-repeat center bottom/calc(100% - 16px) var(--button-border-width),linear-gradient(currentcolor, currentcolor) no-repeat left center/var(--button-border-width) calc(100% - 16px),linear-gradient(currentcolor, currentcolor) no-repeat right center/var(--button-border-width) calc(100% - 16px);transition:color .3s;position:absolute;inset:0}.button .frame svg.corner{width:8px;height:8px;position:absolute;overflow:visible}.button .frame svg.corner:first-child{top:0;left:0}.button .frame svg.corner:nth-child(2){top:0;right:0;transform:rotate(90deg)}.button .frame svg.corner:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.button .frame svg.corner:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.button .frame svg.corner path{fill:none;stroke:currentColor;stroke-width:var(--button-border-width)}.button:focus-visible:not([disabled]){--button-border-width:2px;--button-border-color:var(--color-accent-accent-hover)}.button-medium{font-size:var(--font-components-button-medium-size);line-height:var(--font-components-button-medium-line-height);padding:14px 24px}.button-large{font-size:var(--font-components-button-large-size);line-height:var(--font-components-button-large-line-height);padding:19px 24px}.button-red{--button-color:var(--color-accent-accent);--button-color-hover:var(--color-accent-accent-hover);--text-color-contained:var(--color-text-on-accent);--text-color-contained-hover:var(--color-text-on-accent);--text-color-outlined:var(--color-text-on-accent);--text-color-outlined-hover:var(--color-text-on-accent)}.button-gold{--button-color:var(--color-accent-secondary-2);--button-color-hover:var(--color-accent-accent-hover);--text-color-contained:var(--color-text-on-accent);--text-color-contained-hover:var(--color-text-on-accent);--text-color-outlined:var(--color-text-on-accent);--text-color-outlined-hover:var(--color-text-on-accent)}.button-bronze{--button-color:var(--color-accent-primary);--button-color-hover:var(--color-accent-secondary-2);--text-color-contained:var(--color-text-primary);--text-color-contained-hover:var(--color-text-on-accent);--text-color-outlined:var(--color-text-on-accent);--text-color-outlined-hover:var(--color-text-on-accent)}.button-black{--button-color:var(--color-accent-tertiary);--button-color-hover:var(--color-accent-tertiary-hover);--text-color-contained:var(--color-text-on-accent);--text-color-contained-hover:var(--color-text-on-accent);--text-color-outlined:var(--color-text-on-accent);--text-color-outlined-hover:var(--color-text-on-accent)}.button-contained{--button-background:var(--button-color);--button-border-color:var(--button-color);color:var(--text-color-contained)}@media (hover:hover){.button-contained:hover:not([disabled]){--button-background:var(--button-color-hover);--button-border-color:var(--button-color-hover);color:var(--text-color-contained-hover)}}.button-outlined{--button-background:transparent;--button-border-color:var(--button-color);color:var(--text-color-outlined)}@media (hover:hover){.button-outlined:hover:not([disabled]){--button-background:var(--button-color-hover);--button-border-color:var(--button-color-hover);color:var(--text-color-outlined-hover)}}.button-disabled{--button-background:var(--color-accent-tertiary);--button-border-color:var(--color-accent-tertiary);color:var(--color-text-primary-invert);cursor:not-allowed}.button-loading{pointer-events:none;cursor:wait}.button-loading .loader{fill:none;stroke-width:1px}.button-loading .loader .track{stroke:var(--color-border-transparency,#9da1b066)}.button-loading .loader .spinner{stroke:currentColor;transform-box:view-box;transform-origin:50%;animation:1s linear infinite button-loader-spin}.button-text{font-family:var(--font-family-secondary);font-size:var(--font-size-body1);line-height:var(--font-line-height-body1);letter-spacing:-.28px;font-weight:400}@media screen and (min-width:576px){.button-text{letter-spacing:-.3px}}@media screen and (min-width:1280px){.button-text{letter-spacing:-.38px}}.button-text{color:var(--color-accent-link1);text-align:center;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .3s;display:inline-flex}@media (hover:hover){.button-text:hover:not(:disabled,[aria-disabled=true]){color:var(--color-accent-link1-hover)}}.button-text:disabled,.button-text[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}@keyframes button-loader-spin{to{transform:rotate(360deg)}}