.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);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-style:normal;text-transform:uppercase;font-size:.75rem;line-height:.75rem;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;display:inline-flex;align-items:center;flex-direction:row;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;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 0 0 var(--button-border-color);outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:5px}.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 svg{max-width:20px;max-height:20px}.button svg path{stroke:var(--button-icon-color)}.button[data-theme=white]{--button-background-outline:var(--colors-base-black);--button-text:var(--colors-base-white);--button-outline-hover-color:var(--colors-grey-400)}.button:hover{background-color:var(--button-solid-hover-color);border-color:var(--button-hover-border-color);box-shadow:1.5px 1.5px 0 0 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: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);font-style:normal;text-transform:uppercase;font-size:.875rem;line-height:.875rem;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}.button--sm svg{max-width:24px;max-height:24px}.button--md{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-style:normal;text-transform:uppercase;font-size:.875rem;line-height:.875rem;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}.button--md svg{max-width:24px;max-height:24px}.button--lg{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-style:normal;text-transform:uppercase;font-size:1rem;line-height:1rem;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}.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);font-style:normal;text-transform:uppercase;font-size:.875rem;line-height:.875rem;letter-spacing:.07rem;gap:var(--spacing-lg);background:none;border:none;box-shadow:none;color:var(--button-text);padding:0;border-radius:1px;outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:10px}.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{transition:background-color .2s ease-in-out;content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background-color:var(--button-icon-color)}.button--text:hover{background:none;box-shadow:none;border:none;color:var(--colors-grey-600)}.button--text:hover span:after{background-color:var(--button-hover-shadow-color)}.button--text:focus-visible{outline-color:var(--border-focus)}.button--solid{background:var(--button-background-solid);box-shadow:1.5px 1.5px 0 0 var(--button-solid-shadow-color);outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:5px}.button--solid svg path{stroke:var(--button-text)}.button--solid:focus-visible{outline-color:var(--border-focus);background-color:var(--button-solid-focused-bg);box-shadow:1.5px 1.5px 0 0 var(--button-solid-hover-shadow-color)}.button--solid:hover{background-color:var(--button-solid-hover-color);box-shadow:1.5px 1.5px 0 0 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);outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:5px}.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]: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);outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:5px}.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]: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);outline-width:2px;outline-color:transparent;outline-style:solid;outline-offset:5px}.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]:focus-visible{outline-color:var(--border-focus);box-shadow:1.5px 1.5px 0 0 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);font-style:normal;text-transform:uppercase;font-size:1rem;line-height:1rem;letter-spacing:.08rem;gap:var(--spacing-xl)}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.button--loading{pointer-events:none;box-shadow:none;border:none;border-radius:var(--radius-xs);animation:skeleton-loading 1s linear infinite alternate}.button--loading .button__title,.button--loading svg{opacity:0}