:root{--btn-primary-bg: var(--color-primary-500);--btn-primary-text: var(--color-white);--btn-primary-hover-bg: var(--color-primary-600);--btn-primary-hover-text: var(--color-white);--btn-primary-disabled-bg: var(--color-primary-100);--btn-primary-disabled-text: var(--color-neutral-gray-50);--btn-primary-alt-bg: var(--color-white);--btn-primary-alt-text: var(--color-primary-500);--btn-primary-alt-hover-bg: var(--color-neutral-gray-100);--btn-primary-alt-hover-text: var(--color-primary-500);--btn-primary-alt-disabled-bg: var(--color-primary-100);--btn-primary-alt-disabled-text: var(--color-neutral-gray-300);--btn-secondary-bg: var(--color-winter-wolf-gray-200);--btn-secondary-text: var(--color-primary-600);--btn-secondary-hover-bg: var(--color-winter-wolf-gray-300);--btn-secondary-hover-text: var(--color-primary-700);--btn-secondary-disabled-bg: var(--color-winter-wolf-gray-100);--btn-secondary-disabled-text: var(--color-winter-wolf-gray-300);--btn-tertiary-bg: transparent;--btn-tertiary-text: var(--color-primary-500);--btn-tertiary-border: var(--color-primary-500);--btn-tertiary-hover-bg: var(--color-winter-wolf-gray-100);--btn-tertiary-hover-text: var(--color-primary-500);--btn-tertiary-disabled-bg: var(--color-winter-wolf-gray-50);--btn-tertiary-disabled-text: var(--color-primary-100);--btn-tertiary-disabled-border: var(--color-primary-100);--btn-focus-ring: var(--color-blue-500);--btn-shadow-lg: 2px 4px 4px rgba(0, 0, 0, .1);--btn-shadow-md: 1px 2px 2px rgba(0, 0, 0, .1);--btn-shadow-sm: 0px 1px 1px rgba(0, 0, 0, .1);--btn-radius: 8px;--btn-radius-sm: 6px;--btn-gap: 8px;--btn-lg-min-height: 48px;--btn-lg-padding: 12px 16px;--btn-lg-font-size: 16px;--btn-lg-line-height: 24px;--btn-md-min-height: 36px;--btn-md-padding: 8px 16px;--btn-md-font-size: 14px;--btn-md-line-height: 20px;--btn-sm-min-height: 28px;--btn-sm-padding: 8px;--btn-sm-font-size: 12px;--btn-sm-line-height: 16px}.btn{--_btn-min-height: var(--btn-lg-min-height);--_btn-padding: var(--btn-lg-padding);--_btn-font-size: var(--btn-lg-font-size);--_btn-line-height: var(--btn-lg-line-height);--_btn-radius: var(--btn-radius);--_btn-shadow: var(--btn-shadow-md);--_btn-shadow-2: var(--btn-shadow-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);min-height:var(--_btn-min-height);padding:var(--_btn-padding);border:none;border-radius:var(--_btn-radius);font-family:inherit;font-size:var(--_btn-font-size);line-height:var(--_btn-line-height);font-weight:700;text-transform:uppercase;text-align:center;text-decoration:none;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease}.btn svg{width:24px;height:24px;flex-shrink:0}@media(max-width:1439px){.btn{--_btn-min-height: var(--btn-md-min-height);--_btn-padding: var(--btn-md-padding);--_btn-font-size: var(--btn-md-font-size);--_btn-line-height: var(--btn-md-line-height);--_btn-radius: var(--btn-radius);--_btn-shadow: var(--btn-shadow-sm);--_btn-shadow-2: var(--btn-shadow-md)}.btn svg{width:20px;height:20px}}@media(max-width:719px){.btn{--_btn-min-height: var(--btn-sm-min-height);--_btn-padding: var(--btn-sm-padding);--_btn-font-size: var(--btn-sm-font-size);--_btn-line-height: var(--btn-sm-line-height);--_btn-radius: var(--btn-radius-sm);--_btn-shadow: var(--btn-shadow-sm);--_btn-shadow-2: var(--btn-shadow-sm)}.btn svg{width:16px;height:16px}}.btn:focus-visible{outline:2px solid var(--btn-focus-ring)!important;outline-offset:-2px}.btn:disabled,.btn.btn-disabled{cursor:not-allowed;box-shadow:none;pointer-events:none}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)!important}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)!important;box-shadow:var(--_btn-shadow)}.btn-primary:disabled,.btn-primary.btn-disabled{background-color:var(--btn-primary-disabled-bg);color:var(--btn-primary-disabled-text)!important}.btn-primary-alt{background-color:var(--btn-primary-alt-bg);color:var(--btn-primary-alt-text)!important}.btn-primary-alt:hover{background-color:var(--btn-primary-alt-hover-bg);color:var(--btn-primary-alt-hover-text)!important;box-shadow:var(--_btn-shadow)}.btn-primary-alt:disabled,.btn-primary-alt.btn-disabled{background-color:var(--btn-primary-alt-disabled-bg);color:var(--btn-primary-alt-disabled-text)!important}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)!important;font-weight:600;letter-spacing:-.2px}.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text)!important;box-shadow:var(--_btn-shadow-2)}.btn-secondary:disabled,.btn-secondary.btn-disabled{background-color:var(--btn-secondary-disabled-bg);color:var(--btn-secondary-disabled-text)!important}.btn-tertiary{background-color:var(--btn-tertiary-bg);color:var(--btn-tertiary-text)!important;border:1px solid var(--btn-tertiary-border);font-weight:600;letter-spacing:-.2px}.btn-tertiary:hover{background-color:var(--btn-tertiary-hover-bg);color:var(--btn-tertiary-hover-text)!important}.btn-tertiary:disabled,.btn-tertiary.btn-disabled{background-color:var(--btn-tertiary-disabled-bg);color:var(--btn-tertiary-disabled-text)!important;border-color:var(--btn-tertiary-disabled-border)}.btn.btn-lg{--_btn-min-height: var(--btn-lg-min-height);--_btn-padding: var(--btn-lg-padding);--_btn-font-size: var(--btn-lg-font-size);--_btn-line-height: var(--btn-lg-line-height);--_btn-radius: var(--btn-radius);--_btn-shadow: var(--btn-shadow-md);--_btn-shadow-2: var(--btn-shadow-lg)}.btn.btn-md{--_btn-min-height: var(--btn-md-min-height);--_btn-padding: var(--btn-md-padding);--_btn-font-size: var(--btn-md-font-size);--_btn-line-height: var(--btn-md-line-height);--_btn-radius: var(--btn-radius);--_btn-shadow: var(--btn-shadow-sm);--_btn-shadow-2: var(--btn-shadow-md)}.btn.btn-sm{--_btn-min-height: var(--btn-sm-min-height);--_btn-padding: var(--btn-sm-padding);--_btn-font-size: var(--btn-sm-font-size);--_btn-line-height: var(--btn-sm-line-height);--_btn-radius: var(--btn-radius-sm);--_btn-shadow: var(--btn-shadow-sm);--_btn-shadow-2: var(--btn-shadow-sm)}.btn-block{display:flex;width:100%}
/*# sourceMappingURL=/cdn/shop/t/63/assets/buttons.css.map */