.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:12px 24px;font-family:Roboto Condensed,sans-serif;font-size:20px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:-.8px;border-radius:8px;border:none;transition:all .3s ease;cursor:pointer}@media screen and not (min-width:768px){.button{border-radius:6px}}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary.button--dark{background-color:#090909;color:#fff}.button--primary.button--dark .button__icon svg path{stroke:#fff}.button--primary.button--light{background-color:#fff;color:#090909}.button--primary.button--light .button__icon svg path{stroke:#090909}.button--secondary.button--dark{background-color:transparent;color:#fff;border:1px solid #ffffff}.button--secondary.button--dark .button__icon svg path{stroke:#fff}.button--secondary.button--light{background-color:transparent;color:#090909;border:1px solid #090909}.button--secondary.button--light .button__icon svg path{stroke:#090909}.button--tertiary.button--dark{background-color:transparent;color:#090909;border:none;padding:0;text-decoration:underline;text-underline-offset:28%}.button--tertiary.button--dark .button__icon svg path{stroke:#090909}.button--tertiary.button--light{background-color:transparent;color:#fff;border:none;padding:0;text-decoration:underline;text-underline-offset:4px}.button--tertiary.button--light .button__icon svg path{stroke:#fff}.button__icon{display:inline-flex;align-items:center;transition:transform .3s ease;margin-bottom:3px}.button:hover:not(:disabled) .button__icon{transform:translate(3px,-3px)}.button__icon svg{width:20px;height:20px}.button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center}.button__spinner .loading__spinner,.button__spinner .loading__spinner.hidden{display:none}.button.loading .button__text,.button.loading .button__icon{visibility:hidden}.button.loading .button__spinner{display:flex}.button.loading .button__spinner .loading__spinner,.button.loading .button__spinner .loading__spinner.hidden{display:block!important}.button__spinner svg{width:20px;height:20px;animation:button-spinner-rotate 1s linear infinite}.button__spinner svg .path{stroke:currentColor}.button--light .button__spinner svg .path{stroke:#090909}.button--dark .button__spinner svg .path{stroke:#fff}@keyframes button-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.button--static{cursor:default;box-shadow:inset 0 0 0 1px #9f9f9f}.button--secondary.button--static{border-color:#9f9f9f;box-shadow:none}.button--tertiary.button--static{box-shadow:none;border:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/buttons.css.map */