.c-button{--button-text-color:var(--c-color-white);--button-bg-color:var(--c-color-primary);--button-bg-color-hover:var(--c-color-primary-100);--button-bg-color-active:var(--c-color-primary-500);--transition:.5s cubic-bezier(.4,0,.2,1);--transition-property:background-color,color,border-color;align-items:center;background-color:var(--button-bg-color);border:.125rem solid var(--button-bg-color);border-radius:.25rem;color:var(--button-text-color);display:flex;justify-content:center;outline:none;padding-left:1rem;padding-right:1rem;transition:var(--transition);transition-property:var(--transition-property)}.c-button svg>[fill="var(--color-primary-300)"]{fill:var(--button-text-color);transition:var(--transition)}.c-button:disabled{cursor:not-allowed;opacity:.16}.c-button:focus{outline:none}.c-button:not(.c-button--outline,.c-button--secondary,.c-button--cta,.c-button--ghost):not([disabled]):focus{border-color:var(--button-bg-color);box-shadow:inset 0 0 0 1px var(--button-bg-color),inset 0 0 0 2px var(--c-color-white)}.c-button:not(.c-button--outline,.c-button--secondary,.c-button--cta,.c-button--ghost):not([disabled]):hover{background-color:var(--button-bg-color-hover);border-color:var(--button-bg-color-hover)}.c-button:not(.c-button--outline,.c-button--secondary,.c-button--cta,.c-button--ghost):not([disabled]):hover:not(:active):focus{border-color:var(--button-bg-color-hover);box-shadow:inset 0 0 0 1px var(--button-bg-color-hover),inset 0 0 0 2px var(--c-color-white)}.c-button:not(.c-button--outline,.c-button--secondary,.c-button--cta,.c-button--ghost):not([disabled]):active{background-color:var(--button-bg-color-active);border-color:var(--button-bg-color-active);box-shadow:none}.c-button--outline{background-color:transparent;border-color:var(--button-bg-color);--button-text-color:var(--button-bg-color)}.c-button--outline:not([disabled]):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--button-bg-color)}.c-button--outline:not([disabled]):hover{--button-text-color:var(--button-bg-color-hover);border-color:var(--button-bg-color-hover)}.c-button--outline:not([disabled]):hover:not(:active):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--button-bg-color-hover)}.c-button--outline:not([disabled]):active{--button-text-color:var(--button-bg-color-active);border-color:var(--button-bg-color-active);box-shadow:none}.c-button--secondary{--button-text-color:var(--c-color-white);background-color:transparent;border-color:var(--c-color-white)}.c-button--secondary:not([disabled]):hover{background-color:#ffffff42}.c-button--secondary:not([disabled]):focus{background-color:#ffffff42;box-shadow:none}.c-button--secondary:not([disabled]):active{--button-text-color:var(--c-color-white);background-color:#22222229;border-color:#22222229}.c-button--cta{--button-bg-color:#ff1569;--button-bg-color-hover:var(--button-bg-color);--button-bg-color-active:#ce044d;--button-border-color-active:#fb6a9e;background-color:transparent;border-color:var(--button-bg-color);--button-text-color:var(--button-bg-color)}.c-button--cta:not([disabled]):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--button-bg-color)}.c-button--cta:not([disabled]):hover{--button-text-color:var(--c-color-white);background-color:var(--button-bg-color-hover)}.c-button--cta:not([disabled]):hover:not(:active):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--button-bg-color-hover)}.c-button--cta:not([disabled]):active{--button-text-color:var(--c-color-white);background-color:var(--button-bg-color-active);border-color:var(--button-border-color-active);box-shadow:none}.c-button--ghost{--button-bg-color:transparent;--button-bg-color-hover:var(--button-bg-color);--button-bg-color-active:#ce044d;--button-border-color-active:#fb6a9e;--button-text-color:var(--c-color-gray-300);border:.0625rem solid var(--button-bg-color)}.c-button--ghost:not([disabled]):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--c-color-gray-200)}.c-button--ghost:not([disabled]):focus,.c-button--ghost:not([disabled]):hover{--button-text-color:var(--c-color-gray-500);border-color:var(--c-color-gray-200)}.c-button--ghost:not([disabled]):hover{--button-bg-color-hover:var(--c-color-gray-100)}.c-button--ghost:not([disabled]):hover:not(:active):focus{box-shadow:inset 0 0 0 2px var(--c-color-white),inset 0 0 0 3px var(--c-color-gray-200)}.c-button--ghost:not([disabled]):active{--button-text-color:var(--c-color-gray-400);--button-bg-color-active:var(--c-color-gray-200);--button-border-color-active:var(--c-color-gray-200);background-color:var(--button-bg-color-active);border-color:var(--button-border-color-active);box-shadow:none}.c-button--full{width:100%}.c-button--sm{height:2rem}.c-button--sm .c-button__content svg{height:1rem;width:1rem}.c-button--md{height:3rem}.c-button--lg{height:3.5rem}.c-button--multiple .c-button__content{justify-content:space-between}.c-button--green{--button-bg-color:var(--c-color-green);--button-bg-color-hover:var(--c-color-green-100);--button-bg-color-active:var(--c-color-green-500)}.c-button--red{--button-bg-color:var(--c-color-red);--button-bg-color-hover:var(--c-color-red-100);--button-bg-color-active:var(--c-color-red-500)}.c-button--orange{--button-bg-color:var(--c-color-orange);--button-bg-color-hover:var(--c-color-orange-100);--button-bg-color-active:var(--c-color-orange-500)}.c-button--gray{--button-bg-color:var(--c-color-gray);--button-bg-color-hover:var(--c-color-gray-200);--button-bg-color-active:var(--c-color-gray-500)}.c-button__content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.c-button__content svg path{fill:var(--button-text-color);transition:var(--transition);transition-property:fill}.c-button__content .c-icon.c-icon--right{margin-left:1rem}.c-button__content .c-icon.c-icon--left{margin-right:1rem}.c-button__content svg.c-icon--right{margin-left:1rem}.c-button__content svg.c-icon--left{margin-right:1rem}.c-button__spinner{animation:c-spinner 3s linear infinite}.c-button__spinner path{fill:var(--button-text-color);transition:var(--transition)}.c-button.c-center .c-button__content{justify-content:center}