.button{display:flex;align-items:center;justify-content:center;width:auto;height:44px;padding:var(--spacing-space-xs);background:var(--color-dark-gray);text-align:center;word-wrap:break-word;font:var(--font-body-xs-medium);border:none;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background .3s ease,outline-color .3s ease,color .3s ease}.button__label{display:block;color:var(--color-off-white);font:var(--font-body-xs-medium);text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;transition:color .3s ease;pointer-events:none}.button:not(.button--secondary):not(.button--tertiary):not(.button--tab):not(.button--unselected):hover{background:var(--color-mid-gray)}.button--secondary{background:var(--color-pure-white);outline:1px solid var(--color-mid-gray);outline-offset:-1px}.button--secondary .button__label{color:var(--color-dark-gray)}.button--secondary:hover{background:var(--color-dark-gray);outline-color:var(--color-dark-gray)}.button--secondary:hover .button__label{color:var(--color-pure-white)}.button--tertiary{background:transparent;outline:1px solid var(--color-pure-white);outline-offset:-1px}.button--tertiary .button__label{color:var(--color-pure-white)}.button--tertiary:hover{background:var(--color-pure-white)}.button--tertiary:hover .button__label{color:var(--color-dark-gray)}.button--tab{padding:var(--spacing-space-xs) 32px;text-transform:uppercase;width:100%;height:44px}@media(min-width:768px){.button--tab{width:210px}}.button--tab:hover{background:var(--color-dark-gray)}.button--tab:hover .button__label{color:var(--color-pure-white)}.button--borderless{outline:none}.button--borderless:hover{background:inherit;outline:none}.button--borderless:hover .button__label{color:var(--color-mid-gray)}.button--no-capitalize{text-transform:none}@media(min-width:768px){.button--tab.button--no-capitalize{width:170px}}.button--unselected{background:var(--color-pure-white);outline:1px solid var(--color-mid-gray);outline-offset:-1px}.button--unselected .button__label{color:var(--color-dark-gray)}.button--unselected:hover{background:var(--color-dark-gray);outline-color:var(--color-dark-gray)}.button--unselected:hover .button__label{color:var(--color-pure-white)}.button--disabled{opacity:.4;pointer-events:none;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/1856/assets/button.css.map */