.c-button{--btnHeight:4rem;--btnBgColor:none;--btnBorderColor:transparent;--btnColor:#000;min-height:var(--btnHeight);background:var(--btnBgColor);border:1px solid var(--btnBorderColor);border-radius:.4rem;padding:0;color:var(--btnColor);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;font-weight:600}.c-button:not([disabled]){cursor:pointer}@media(hover:hover)and (pointer:fine){.c-button:hover:not([disabled]){color:var(--btnColor)}}.c-button:disabled{--btnColor:var(--neutral-500);--btnBorderColor:var(--neutral-200);--btnBgColor:var(--neutral-200);cursor:default}.c-button .c-icon{fill:currentColor}.c-button--primary{--btnColor:#fff;--btnBgColor:var(--primary);--btnBgColorLoading:var(--green-800);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--primary:hover:not([disabled]){background-color:var(--green-700)}}.c-button--primary.c-button--error-500{--btnBgColor:var(--error-500)}@media(hover:hover)and (pointer:fine){.c-button--primary.c-button--error-500:hover:not([disabled]){background-color:var(--error-500)}}.c-button--secondary{--btnColor:var(--primary);--btnBorderColor:var(--primary);--btnBgColor:#fff;padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--secondary:hover:not([disabled]){--btnBgColor:var(--green-50)}}.c-button--secondary:disabled{--btnBorderColor:var(--neutral-300)}.c-button--tertiary{--btnColor:#000;--btnBgColor:var(--neutral-100);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--tertiary:hover:not([disabled]){--btnBgColor:var(--neutral-200)}}.c-button--ghost{--btnColor:#000;padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--ghost:hover:not([disabled]){--btnBgColor:var(--neutral-100)}}.c-button--ghost:disabled{--btnBgColor:none;--btnBorderColor:transparent}.c-button--ghost-outline,.c-button--ghost-outline-black{--btnColor:#000;--btnBorderColor:var(--neutral-300);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--ghost-outline-black:hover:not([disabled]),.c-button--ghost-outline:hover:not([disabled]){--btnBgColor:var(--neutral-100)}}.c-button--ghost-outline-black:disabled,.c-button--ghost-outline:disabled{--btnBgColor:none;--btnBorderColor:var(--neutral-300)}.c-button--ghost-outline-black{--btnBorderColor:#000}.c-button--blue-600{--btnColor:#fff;--btnBgColor:var(--blue-600);--btnBgColorLoading:var(--blue-800);padding:0 2rem}@media(hover:hover)and (pointer:fine){.c-button--blue-600:hover:not([disabled]){background-color:var(--blue-700)}}.c-button--link{padding:0;text-decoration:underline;font-weight:400;min-height:0}@media(hover:hover)and (pointer:fine){.c-button--link:hover:not([disabled]){text-decoration:none}}.c-button--link-noUnderline{padding:0;font-weight:400;text-decoration:none;min-height:0}@media(hover:hover)and (pointer:fine){.c-button--link-noUnderline:hover:not([disabled]){text-decoration:underline}}.c-button--link-noUnderline.c-button--icon-left,.c-button--link-noUnderline.c-button--icon-right,.c-button--link.c-button--icon-left,.c-button--link.c-button--icon-right{padding-left:0;padding-right:0}.c-button--xs{--btnHeight:2.4rem;font-size:1.2rem}.c-button--sm{--btnHeight:3.2rem;font-size:1.4rem;font-weight:400}.c-button--md{--btnHeight:4rem}.c-button--lg{--btnHeight:4.8rem}.c-button--full-w{width:100%;justify-content:center}.c-button--icon-left{padding-left:1rem}.c-button--icon-left:before{content:"";margin-right:.4rem;display:block;flex-shrink:0}.c-button--icon-right{padding-right:1rem}.c-button--icon-right:after{content:"";margin-left:.4rem;display:block;flex-shrink:0}.c-button[class*=c-icon-]:not([class*=c-button--icon-]){padding:0;height:var(--btnHeight);width:var(--btnHeight);border-radius:var(--btnHeight)}.c-button[class*=c-icon-]:not([class*=c-button--icon-]) .c-button__content{clip:rect(0 0 0 0);clip:path(inset 100%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.c-button[class*=c-icon-]:not([class*=c-button--icon-]):before{content:"";margin-left:0;margin-right:0;flex-shrink:0;transform:translateZ(0)}.c-icon-loading:after,.c-icon-loading:before{animation:spin .6s linear infinite}.c-button.isLoading{position:relative;overflow:hidden}.c-button.isLoading span{position:relative;z-index:var(--zindex-above)}.c-button.isLoading:before{content:"";transform:translateX(-100%);background-color:var(--btnBgColorLoading);width:calc(100% + 2px);height:calc(100% + 2px);z-index:0;position:absolute;top:-1px;left:-1px;animation:loadingButton 4s ease-in-out;animation-fill-mode:forwards}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingButton{0%{transform:translateX(-100%)}70%{transform:translateX(0);opacity:1}90%{transform:translateX(0);opacity:1}to{transform:translateX(0);opacity:0}}