.c-button{--btnHeight:4rem;--btnBgColor:none;--btnBorderColor:transparent;--btnColor:black;min-height:var(--btnHeight);background:var(--btnBgColor);border:1px solid var(--btnBorderColor);color:var(--btnColor);border-radius:.8rem;justify-content:center;align-items:center;padding:0;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.c-button:not([disabled]){cursor:pointer}@media (hover:hover) and (pointer:fine){.c-button:hover:not([disabled]){color:var(--btnColor)}}.c-button:disabled{--btnColor:white;--btnBorderColor:var(--common-neutral-200);--btnBgColor:var(--common-neutral-200);cursor:default}.c-button .c-icon{fill:currentColor}.c-button--primary{--btnColor:var(--button-primary-default-text);--btnBorderColor:var(--button-primary-default-border);--btnBgColor:var(--button-primary-default-background);--btnBgColorLoading:var(--green-800);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--primary:hover:not([disabled]){background-color:var(--button-primary-hover-background);--btnBorderColor:var(--button-primary-hover-border)}}.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(--button-secondary-default-text);--btnBorderColor:var(--button-secondary-default-border);--btnBgColor:var(--button-secondary-default-background);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--secondary:hover:not([disabled]){--btnColor:var(--button-secondary-hover-text);--btnBorderColor:var(--button-secondary-hover-border);--btnBgColor:var(--button-secondary-hover-background)}}.c-button--tertiary{--btnColor:var(--button-tertiary-default-text);--btnBorderColor:var(--button-tertiary-default-border);--btnBgColor:var(--button-tertiary-default-background);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--tertiary:hover:not([disabled]){--btnColor:var(--button-tertiary-hover-text);--btnBorderColor:var(--button-tertiary-hover-border);--btnBgColor:var(--button-tertiary-hover-background)}}.c-button--quaternary{--btnColor:var(--button-quaternary-default-text);--btnBorderColor:var(--button-quaternary-default-border);--btnBgColor:var(--button-quaternary-default-background);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--quaternary:hover:not([disabled]){--btnColor:var(--button-quaternary-hover-text);--btnBorderColor:var(--button-quaternary-hover-border);--btnBgColor:var(--button-quaternary-hover-background)}}.c-button--quaternaryInverse{--btnColor:var(--button-quaternary-default-text);--btnBorderColor:var(--button-quaternary-default-border);--btnBgColor:var(--button-quaternary-inverse-default-background);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--quaternaryInverse:hover:not([disabled]){--btnColor:var(--button-quaternary-hover-text);--btnBorderColor:var(--button-quaternary-hover-border);--btnBgColor:var(--button-quaternary-inverse-hover-background)}}.c-button--ghost{--btnColor:var(--button-ghost-default-text);--btnBorderColor:var(--button-ghost-default-border);--btnBgColor:var(--button-ghost-default-background);padding:0 1.6rem}@media (hover:hover) and (pointer:fine){.c-button--ghost:hover:not([disabled]){--btnColor:var(--button-ghost-hover-text);--btnBorderColor:var(--button-ghost-hover-border);--btnBgColor:var(--button-ghost-hover-background)}}.c-button--ghost:disabled{--btnColor:var(--button-ghost-disable-text);--btnBorderColor:var(--button-ghost-disable-border);--btnBgColor:var(--button-ghost-disable-background)}.c-button--link{min-height:0;padding:0;font-weight:400;text-decoration:underline}@media (hover:hover) and (pointer:fine){.c-button--link:hover:not([disabled]){text-decoration:none}}.c-button--link-noUnderline{min-height:0;padding:0;font-weight:400;text-decoration:none}@media (hover:hover) and (pointer:fine){.c-button--link-noUnderline:hover:not([disabled]){text-decoration:underline}}.c-button--backTop{border-radius:100rem!important}.c-button--xs{--btnHeight:2.4rem;--iconSize:1.2rem;padding:0 .8rem;font-size:1.2rem}.c-button--sm{--btnHeight:3.2rem;--iconSize:2rem;padding:0 1.2rem}.c-button--md{--btnHeight:4rem;--iconSize:2rem;padding:0 1.6rem}.c-button--lg{--btnHeight:4.8rem;--iconSize:2rem;padding:0 2rem;font-size:1.6rem}.c-button--full-w{justify-content:center;width:100%}.c-button--icon-left{padding-left:1.2rem}.c-button--icon-left:before{content:"";flex-shrink:0;margin-right:.6rem;display:block}.c-button--icon-left.c-button--xs{padding-left:.6rem}.c-button--icon-left.c-button--xs:before{margin-right:.6rem}.c-button--icon-left.c-button--sm{padding-left:.8rem}.c-button--icon-left.c-button--sm:before{margin-right:.6rem}.c-button--icon-left.c-button--lg{padding-left:1.6rem}.c-button--icon-left.c-button--lg:before{margin-right:.8rem}.c-button--icon-right{padding-right:1.2rem}.c-button--icon-right:after{content:"";flex-shrink:0;margin-left:.6rem;display:block}.c-button--icon-right.c-button--xs{padding-right:.6rem}.c-button--icon-right.c-button--xs:after{margin-left:.6rem}.c-button--icon-right.c-button--sm{padding-right:.8rem}.c-button--icon-right.c-button--sm:after{margin-left:.6rem}.c-button--icon-right.c-button--lg{padding-right:1.6rem}.c-button--icon-right.c-button--lg:after{margin-left:.8rem}.c-button[class*=c-icon-]:not([class*=c-button--icon-]){max-height:var(--btnHeight);max-width:var(--btnHeight);padding-left:calc((var(--btnHeight) - var(--iconSize))/2 - .1rem);padding-right:calc((var(--btnHeight) - var(--iconSize))/2 - .1rem);white-space:nowrap;justify-content:flex-start;overflow:hidden}.c-button[class*=c-icon-]:not([class*=c-button--icon-]):before{content:"";margin-left:0;margin-right:calc((var(--btnHeight) - var(--iconSize))/2);flex-shrink:0;transform:translateZ(0)}.c-icon-loading:after,.c-icon-loading:before{animation:.6s linear infinite spin}.c-button.isLoading{position:relative;overflow:hidden}.c-button.isLoading span{z-index:var(--zindex-above);position:relative}.c-button.isLoading:before{content:"";background-color:var(--btnBgColorLoading);z-index:0;width:calc(100% + 2px);height:calc(100% + 2px);animation:4s ease-in-out forwards loadingButton;position:absolute;top:-1px;left:-1px;transform:translate(-100%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingButton{0%{transform:translate(-100%)}70%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}