.btn{cursor:pointer;border:0;display:inline-block;font-weight:var(--font-weight-400);justify-content:center;line-height:var(--space-xs);margin:var(--space-xxs) 0;text-decoration:none;font-family:var(--typo-family);transition:all var(--transition-duration-03s) ease}.btn:hover{border:0;transition:all var(--transition-duration-03s) ease}.btn-primary,.btn-primary.light{background-color:var(--color-black);color:var(--color-white)}.btn-primary.dark{background-color:var(--color-white);color:var(--color-black)}.btn-secondary,.btn-secondary.light{background-color:var(--color-transparent);border:1px solid var(--color-black);color:var(--color-black)}.btn-secondary.btn-medium,.btn-secondary.btn-medium.light,.btn-secondary.btn-large,.btn-secondary.btn-large.light{border:2px solid var(--color-black)}.btn-secondary.dark{background-color:var(--color-transparent);border:2px solid var(--color-white);color:var(--color-white)}.btn-secondary.btn-medium.dark,.btn-secondary.btn-large.dark{border:2px solid var(--color-white)}.btn-translucent,.btn-translucent.light{border:1px solid var(--color-translucent-1);background:var(--color-translucent-2);-webkit-backdrop-filter:var(--blur-2-5);backdrop-filter:var(--blur-2-5);color:var(--color-white)}.btn-translucent.dark{border:1px solid var(--color-translucent-4);background:var(--color-translucent-5);-webkit-backdrop-filter:var(--blur-2-5);backdrop-filter:var(--blur-2-5);color:var(--color-white)}.btn svg{margin-left:var(--space-xxs);max-height:var(--size-xs);width:var(--size-xs)}.btn-primary.dark svg path,.btn-secondary.light svg path{fill:var(--color-black)}.btn-primary.dark:hover svg path,.btn-secondary.light:hover svg path{fill:var(--color-white)}.btn-primary.light svg path,.btn-secondary.dark svg path,.btn-translucent.light svg path,.btn-translucent.dark svg path{fill:var(--color-white)}.btn-primary:not(:disabled):hover,.btn-primary.light:not(:disabled):hover{background:var(--gradient-to-bottom-primary-hover)}.btn-primary.dark:not(:disabled):hover{background:var(--gradient-to-bottom-primary-hover);color:var(--color-white)}.btn-secondary:not(:disabled):hover,.btn-secondary.light:not(:disabled):hover{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.btn-secondary.btn-medium:not(:disabled):hover,.btn-secondary.light.btn-medium:not(:disabled):hover .btn-secondary.btn-large:not(:disabled):hover,.btn-secondary.light.btn-large:not(:disabled):hover{border:2px solid var(--color-black)}.btn-secondary.dark:not(:disabled):hover{background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-white)}.btn-secondary.btn-medium.dark:not(:disabled):hover,.btn-secondary.btn-large.dark:not(:disabled):hover{border:2px solid var(--color-white)}.btn-secondary:not(:disabled):hover svg path{fill:var(--color-white)}.btn-translucent:not(:disabled):hover,.btn-translucent.light:not(:disabled):hover{background-color:var(--color-translucent-3);color:var(--color-white);border:1px solid var(--color-translucent-3);-webkit-backdrop-filter:var(--blur-2-5);backdrop-filter:var(--blur-2-5)}.btn-translucent.dark:not(:disabled):hover{background-color:var(--color-translucent-6);color:var(--color-white);-webkit-backdrop-filter:var(--blur-2-5);backdrop-filter:var(--blur-2-5)}.btn-primary:disabled,.btn-primary.light:disabled{background-color:var(--color-gray-1);color:var(--color-gray-3);cursor:not-allowed}.btn-primary.dark:disabled{background-color:var(--color-gray-3);color:var(--color-gray-2);cursor:not-allowed}.btn-secondary:disabled,.btn-secondary.light:disabled{background-color:var(--color-gray-1);border:1px solid var(--color-gray-1);color:var(--color-gray-3);cursor:not-allowed}.btn-secondary.dark:disabled{background-color:var(--color-gray-3);border:1px solid var(--color-gray-3);color:var(--color-gray-2);cursor:not-allowed}.btn.btn-large{border-radius:var(--border-radius-xxs);align-items:center;display:inline-flex;font-size:var(--typo-body-regular);height:calc(5.8 * var(--space-xs-xs));padding:var(--space-xs) var(--space-m);min-width:calc(calc(var(--size-xs-xs) * 11) + var(--size-2xl));text-align:center}.btn.btn-medium{border-radius:var(--border-radius-xxs);align-items:center;display:inline-flex;font-size:var(--typo-body-regular);padding:calc(1.2 * var(--space-xs-xs)) var(--space-s);height:calc(5 * var(--space-xs-xs))}.btn.btn-small{border-radius:var(--border-radius-3xs);align-items:center;display:inline-flex;font-size:var(--typo-body-s);height:calc(3.9 * var(--space-xs-xs));padding:var(--space-xxs) var(--space-xs)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button.css.map */