.button[href]{text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.5}.button[data-theme=black]{--button-background-solid:var(--colors-base-black);--button-border-color:var(--colors-base-black);--button-icon-color:var(--colors-base-black);--button-hover-shadow-color:var(--colors-grey-600);--button-hover-border-color:var(--colors-base-black);--button-active-border-color:var(--colors-base-black);--button-solid-focused-bg:var(--colors-grey-500);--button-solid-shadow-color:var(--colors-grey-600);--button-solid-hover-color:var(--colors-grey-600);--button-solid-hover-shadow-color:var(--colors-base-black);--button-solid-pressed-color:var(--colors-grey-500)}.button[data-theme=green]{--button-background-solid:var(--colors-brand-green-400);--button-border-color:var(--colors-brand-green-500);--button-icon-color:var(--colors-brand-green-500);--button-hover-border-color:var(--colors-brand-green-700);--button-hover-shadow-color:var(--colors-brand-green-700);--button-active-border-color:var(--colors-brand-green-500);--button-solid-shadow-color:var(--colors-brand-green-700);--button-solid-hover-color:var(--colors-brand-green-100);--button-solid-hover-shadow-color:var(--colors-brand-green-700);--button-solid-pressed-color:var(--colors-brand-green-50);--button-solid-focused-bg:var(--colors-brand-green-50)}.button[data-theme=blue]{--button-background-solid:var(--colors-brand-blue-400);--button-border-color:var(--colors-brand-blue-500);--button-icon-color:var(--colors-brand-blue-500);--button-hover-border-color:var(--colors-brand-blue-700);--button-hover-shadow-color:var(--colors-brand-blue-700);--button-active-border-color:var(--colors-brand-blue-500);--button-solid-shadow-color:var(--colors-brand-blue-500);--button-solid-hover-color:var(--colors-brand-blue-100);--button-solid-hover-shadow-color:var(--colors-brand-blue-700);--button-solid-pressed-color:var(--colors-brand-blue-50);--button-solid-focused-bg:var(--colors-brand-blue-300)}.button[data-theme=gold]{--button-background-solid:var(--colors-gold-medal-400);--button-border-color:var(--colors-gold-medal-500);--button-icon-color:var(--colors-gold-medal-500);--button-hover-border-color:var(--colors-gold-medal-700);--button-hover-shadow-color:var(--colors-gold-medal-700);--button-active-border-color:var(--colors-gold-medal-500);--button-solid-shadow-color:var(--colors-gold-medal-500);--button-solid-hover-color:var(--colors-gold-medal-100);--button-solid-hover-shadow-color:var(--colors-gold-medal-700);--button-solid-pressed-color:var(--colors-gold-medal-50);--button-solid-focused-bg:var(--colors-gold-medal-300)}.button[data-theme=red]{--button-background-solid:var(--colors-brand-red-400);--button-border-color:var(--colors-brand-red-500);--button-icon-color:var(--colors-brand-red-500);--button-hover-border-color:var(--colors-brand-red-600);--button-hover-shadow-color:var(--colors-brand-red-600);--button-active-border-color:var(--colors-brand-red-500);--button-solid-shadow-color:var(--colors-brand-red-500);--button-solid-hover-color:var(--colors-brand-red-100);--button-solid-hover-shadow-color:var(--colors-brand-red-500);--button-solid-pressed-color:var(--colors-brand-red-50);--button-solid-focused-bg:var(--colors-brand-red-300)}.button[data-theme=white]{--button-background-solid:var(--colors-base-white);--button-border-color:var(--colors-base-white);--button-icon-color:var(--colors-base-white);--button-hover-shadow-color:var(--colors-base-white);--button-hover-border-color:var(--colors-base-white);--button-active-border-color:var(--colors-base-white);--button-solid-focused-bg:var(--colors-grey-200);--button-solid-shadow-color:var(--colors-grey-300);--button-solid-hover-color:var(--colors-grey-200);--button-solid-hover-shadow-color:var(--colors-grey-300);--button-solid-pressed-color:var(--colors-grey-100);--button-background-outline:var(--colors-base-black);--button-text:var(--colors-base-white);--button-outline-hover-color:var(--colors-grey-400)}.button{--outline-hover-color:var(--colors-grey-100);--button-outline-hover-color:var(--colors-grey-200);--button-background-outline:var(--colors-base-white);--button-text:var(--colors-base-black);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06rem;height:auto;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-xl);border-radius:var(--spacing-md) 0 var(--spacing-md) 0;font-size:.75rem;font-style:normal;line-height:.75rem;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.button svg{max-width:20px;max-height:20px}.button{cursor:pointer;appearance:none;align-items:center;gap:var(--spacing-md);background:var(--button-background-outline);color:var(--button-text);border:2px solid var(--button-border-color);box-shadow:1.5px 1.5px 0px 0px var(--button-border-color);flex-direction:row;display:inline-flex}.button svg path{stroke:var(--button-icon-color)}.button:hover{background-color:var(--button-solid-hover-color);border-color:var(--button-hover-border-color);box-shadow:1.5px 1.5px 0px 0px var(--button-hover-border-color)}.button:hover[data-theme=black]{background-color:var(--colors-grey-200)}.button:hover[data-theme=white]{background-color:var(--colors-grey-500)}.button:active{box-shadow:none;border-color:var(--button-active-border-color);background-color:var(--button-outline-hover-color)}.button{outline-offset:5px;outline:2px solid #0000}.button:focus-visible{outline-color:var(--border-focus);background-color:var(--button-outline-hover-color)}.button:focus-visible[data-theme=white]{background-color:var(--colors-grey-500)}.button--sm{font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.07rem;height:48px;padding:var(--spacing-lg) var(--spacing-3xl) var(--spacing-lg) var(--spacing-3xl);border-radius:var(--spacing-xl) 0 var(--spacing-xl) 0;font-size:.875rem;font-style:normal;line-height:.875rem}.button--sm svg{max-width:24px;max-height:24px}.button--md{font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.07rem;height:56px;padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-xl) var(--spacing-3xl);border-radius:var(--spacing-xl) 0 var(--spacing-xl) 0;font-size:.875rem;font-style:normal;line-height:.875rem}.button--md svg{max-width:24px;max-height:24px}.button--lg{font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08rem;height:64px;padding:var(--spacing-2xl) var(--spacing-4xl) var(--spacing-2xl) var(--spacing-4xl);border-radius:var(--spacing-xl) 0 var(--spacing-xl) 0;font-size:1rem;font-style:normal;line-height:1rem}.button--lg svg{max-width:24px;max-height:24px}.button--text{--text-color:var(--button-text);font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.07rem;gap:var(--spacing-lg);box-shadow:none;color:var(--button-text);background:0 0;border:none;border-radius:1px;padding:0;font-size:.875rem;font-style:normal;line-height:.875rem}.button--text svg{max-width:20px;max-height:20px}.button--text svg path{stroke:var(--button-icon-color)}.button--text span{position:relative}.button--text span:after{content:"";background-color:var(--button-icon-color);width:100%;height:2px;transition:background-color .2s ease-in-out;position:absolute;bottom:-10px;left:0}.button--text:hover{box-shadow:none;color:var(--colors-grey-600);background:0 0;border:none}.button--text:hover span:after{background-color:var(--button-hover-shadow-color)}.button--text{outline-offset:10px;outline:2px solid #0000}.button--text:focus-visible{outline-color:var(--border-focus)}.button--solid{background:var(--button-background-solid);box-shadow:1.5px 1.5px 0px 0px var(--button-solid-shadow-color)}.button--solid svg path{stroke:var(--button-text)}.button--solid{outline-offset:5px;outline:2px solid #0000}.button--solid:focus-visible{outline-color:var(--border-focus);background-color:var(--button-solid-focused-bg);box-shadow:1.5px 1.5px 0px 0px var(--button-solid-hover-shadow-color)}.button--solid:hover{background-color:var(--button-solid-hover-color);box-shadow:1.5px 1.5px 0px 0px var(--button-solid-hover-shadow-color)}.button--solid:active{box-shadow:none;background-color:var(--button-solid-pressed-color)}.button--solid[data-theme=black]{color:var(--colors-base-white);border-color:var(--colors-grey-600)}.button--solid[data-theme=black] svg path{stroke:var(--colors-base-white)}.button--solid[data-theme=black]:hover{background-color:var(--button-solid-focused-bg);border-color:var(--colors-base-black)}.button--solid[data-theme=black]:active{border-color:var(--colors-grey-600);background-color:var(--colors-grey-400)}.button--solid[data-theme=black]{outline-offset:5px;outline:2px solid #0000}.button--solid[data-theme=black]:focus-visible{outline-color:var(--border-focus);background-color:var(--button-solid-focused-bg);border-color:var(--button-border-color)}.button--solid[data-theme=green]{border-color:var(--colors-brand-green-500)}.button--solid[data-theme=green]:hover{border-color:var(--button-solid-hover-shadow-color)}.button--solid[data-theme=green]:active{border-color:var(--button-border-color)}.button--solid[data-theme=green]{outline-offset:5px;outline:2px solid #0000}.button--solid[data-theme=green]:focus-visible{outline-color:var(--border-focus);border-color:var(--button-border-color)}.button--solid[data-theme=gold]:hover{border-color:var(--colors-gold-medal-700)}.button--solid[data-theme=white]{--button-text:var(--colors-base-black);border-color:var(--colors-grey-300)}.button--solid[data-theme=white]:hover{background-color:var(--button-solid-hover-color)}.button--solid[data-theme=white]:active{background-color:var(--colors-grey-100)}.button--solid[data-theme=white]{outline-offset:5px;outline:2px solid #0000}.button--solid[data-theme=white]:focus-visible{outline-color:var(--border-focus);box-shadow:1.5px 1.5px 0px 0px var(--colors-grey-300);background-color:var(--button-solid-hover-color)}.button__title--lg{font-family:var(--font-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08rem;gap:var(--spacing-xl);font-size:1rem;font-style:normal;line-height:1rem}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.button--loading{pointer-events:none;box-shadow:none;border-radius:var(--radius-xs);border:none;animation:1s linear infinite alternate skeleton-loading}.button--loading svg,.button--loading .button__title{opacity:0}