.bodi-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid;font-weight:600;text-align:center;white-space:nowrap;transition:all .2s ease;cursor:pointer;text-decoration:none;gap:.75rem;width:var(--bodi-button-width, fit-content);letter-spacing:.032px;line-height:24px}@media (max-width: 749px){.bodi-button{width:var(--bodi-button-width-mobile, var(--bodi-button-width, fit-content))}}.bodi-button:focus-visible{outline:none}.bodi-button:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:9999px;border:1px solid var(--bodi-white);mix-blend-mode:difference;display:block}.bodi-button:active{ring-color:transparent}.bodi-button:disabled,.bodi-button[aria-disabled=true]{cursor:not-allowed;opacity:.8}.bodi-button--primary{border-color:transparent;background-color:var(--bodi-green-bright-500);color:var(--bodi-black-text)}.bodi-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bodi-green-bright-600)}.bodi-button--primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bodi-green-bright-600)}.bodi-button--primary:disabled,.bodi-button--primary[aria-disabled=true]{background-color:var(--bodi-green-bright-500)}.bodi-button--secondary{border-color:var(--bodi-gray-medium);background-color:transparent;color:var(--bodi-black-text)}.bodi-button--secondary:hover:not(:disabled):not([aria-disabled=true]){background-color:#0000000d}.bodi-button--secondary:active:not(:disabled):not([aria-disabled=true]){background-color:#0000000d}.bodi-button--dark{border-color:transparent;background-color:var(--bodi-gray-medium);color:var(--bodi-white)}.bodi-button--dark:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bodi-gray-dark)}.bodi-button--dark:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bodi-gray-dark)}.bodi-button--black{border-color:transparent;background-color:var(--bodi-black-text);color:var(--bodi-white)}.bodi-button--black:hover:not(:disabled):not([aria-disabled=true]){background-color:#262626}.bodi-button--black:active:not(:disabled):not([aria-disabled=true]){background-color:#262626}.bodi-button--small{height:29px;padding-left:16px;padding-right:16px;font-size:16px}.bodi-button--medium{height:44px;padding-left:40px;padding-right:40px;font-size:16px}.bodi-button--large{height:60px;padding-left:48px;padding-right:48px;font-size:16px}.bodi-button--massive{height:64px;padding-left:48px;padding-right:48px;font-size:16px;font-weight:700}.bodi-button__content{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:.75rem;white-space:nowrap}.bodi-button--small .bodi-button__content{gap:.25rem}.bodi-button--medium .bodi-button__content{gap:.5rem}.bodi-button--large .bodi-button__content,.bodi-button--massive .bodi-button__content{gap:.75rem}.bodi-button--loading{cursor:not-allowed;opacity:.8;pointer-events:none}.bodi-button--loading.bodi-button--primary:hover,.bodi-button--loading.bodi-button--primary:active{background-color:var(--bodi-green-bright-500)}.bodi-button--loading.bodi-button--secondary:hover,.bodi-button--loading.bodi-button--secondary:active{background-color:transparent;border-color:var(--bodi-gray-medium)}.bodi-button--loading.bodi-button--dark:hover,.bodi-button--loading.bodi-button--dark:active{background-color:var(--bodi-gray-medium)}.bodi-button--loading.bodi-button--black:hover,.bodi-button--loading.bodi-button--black:active{background-color:var(--bodi-black-text)}.bodi-button__spinner{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;align-items:center}.bodi-button--large .bodi-button__spinner,.bodi-button--massive .bodi-button__spinner{right:.75rem}.bodi-button-wrapper{display:inline-flex;flex-direction:column;align-items:flex-start;width:var(--bodi-button-width, fit-content)}@media (max-width: 749px){.bodi-button-wrapper{width:var(--bodi-button-width-mobile, var(--bodi-button-width, fit-content))}}.bodi-button__error{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background-color:#dc35451a;border-radius:4px;width:100%}.bodi-button__error.hidden{display:none}.bodi-button__error-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--bodi-error-color, #dc3545)}.bodi-button__error-icon svg{width:100%;height:100%;fill:currentColor}.bodi-button__error-text{font-size:var(--font-size-body-sm, .875rem);line-height:1.4;color:var(--bodi-error-color, #dc3545)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bodi-button.css.map */