.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-family:var(--nav-font);font-size:var(--btn-font-size) px;font-style:var(--nav-font-style);font-weight:var(--btn-weight);line-height:1.2;color:var(--button-color-text);text-align:center;text-transform:var(--btn-font-transform);letter-spacing:var(--nav-letter-spacing-px);word-break:break-word;text-decoration:none;cursor:pointer;background:var(--button-color-background);border:1px solid;border-color:var(--button-color-border);border-radius:var(--border-radius);transition:all .2s linear}.button:visited,.button:focus{color:var(--button-color-text)}.button:active{outline:0;box-shadow:inset 0 2px 4px #00000026,0 1px 2px #0000000d}.button:active,.button:hover:not([disabled]){color:var(--button-color-text-hover);background:var( --button-color-background-hover, var(--button-color-background) );border-color:var(--button-color-border-hover, var(--button-color-border))}.button[disabled]{cursor:not-allowed}.button--outline{--button-color-border: var(--btn-outline-color-border);--button-color-background: var(--btn-outline-color-background);--button-color-text: var(--btn-outline-color-text);--button-color-border-hover: var(--btn-outline-color-border-hover);--button-color-background-hover: var(--btn-outline-color-background-hover);--button-color-text-hover: var(--btn-outline-color-text-hover)}.button--primary{--button-color-border: var(--btn-primary-color-border);--button-color-background: var(--btn-primary-color-background);--button-color-text: var(--btn-primary-color-text);--button-color-border-hover: var(--btn-primary-color-border-hover);--button-color-background-hover: var(--btn-primary-color-background-hover);--button-color-text-hover: var(--btn-primary-color-text-hover)}.button--primary-outline{--button-color-border: var(--btn-primary-outline-color-border);--button-color-background: var(--btn-primary-outline-color-background);--button-color-text: var(--btn-primary-outline-color-text);--button-color-border-hover: var(--btn-primary-outline-color-border-hover);--button-color-background-hover: var( --btn-primary-outline-color-background-hover );--button-color-text-hover: var(--btn-primary-outline-color-text-hover)}.button--banner{--button-color-border: var(--btn-banner-color-border);--button-color-background: var(--btn-banner-color-background);--button-color-text: var(--btn-banner-color-text);--button-color-border-hover: var(--btn-banner-color-border-hover);--button-color-background-hover: var(--btn-banner-color-background-hover);--button-color-text-hover: var(--btn-banner-color-text-hover)}.button--banner-highlight{--button-color-border: var(--btn-banner-highlight-color-border);--button-color-background: var(--btn-banner-highlight-color-background);--button-color-text: var(--btn-banner-highlight-color-text);--button-color-border-hover: var(--btn-banner-highlight-color-border-hover);--button-color-background-hover: var( --btn-banner-highlight-color-background-hover );--button-color-text-hover: var(--btn-banner-highlight-color-text-hover)}.button--banner-text{--button-color-border: var(--btn-banner-text-color-border);--button-color-background: var(--btn-banner-text-color-background);--button-color-text: var(--btn-banner-text-color-text);--button-color-border-hover: var(--btn-banner-text-color-border-hover);--button-color-background-hover: var( --btn-banner-text-color-background-hover );--button-color-text-hover: var(--btn-banner-text-color-text-hover)}.button--banner-text-highlight{--button-color-border: var(--btn-banner-text-highlight-color-border);--button-color-background: var(--btn-banner-text-highlight-color-background);--button-color-text: var(--btn-banner-text-highlight-color-text);--button-color-border-hover: var( --btn-banner-text-highlight-color-border-hover );--button-color-background-hover: var( --btn-banner-text-highlight-color-background-hover );--button-color-text-hover: var(--btn-banner-text-highlight-color-text-hover)}@media only screen and (width <= 480px){.button--outline-mobile{--button-color-border: var(--btn-outline-color-border);--button-color-background: var(--btn-outline-color-background);--button-color-text: var(--btn-outline-color-text);--button-color-border-hover: var(--btn-outline-color-border-hover);--button-color-background-hover: var(--btn-outline-color-background-hover);--button-color-text-hover: var(--btn-outline-color-text-hover)}}@media only screen and (width <= 480px){.button--mobile{--button-color-border: var(--btn-mobile-color-border);--button-color-background: var(--btn-mobile-color-background);--button-color-text: var(--btn-mobile-color-text);--button-color-border-hover: var(--btn-mobile-color-border-hover);--button-color-background-hover: var(--btn-mobile-color-background-hover);--button-color-text-hover: var(--btn-mobile-color-text-hover)}}.button--full-width{width:100%}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component.button.css.map */