.mm-btn,.customer button,.button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:var(--margin-1);cursor:pointer;font-family:var(--body-font);text-align:center}.mm-btn[disabled],.customer button[disabled],.button[disabled]{cursor:default;pointer-events:none;opacity:.3}.mm-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mm-btn-primary,.mm-btn-secondary,.mm-btn-white,.mm-btn-shop-promo{position:relative;justify-content:space-between;min-width:250px;padding:var(--margin-4) var(--margin-5);font-size:var(--font-size-sm);font-weight:var(--font-semi-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;border:none}.mm-btn-primary:not(:has(>.mm-btn__bg)),.mm-btn-shop-promo:not(:has(>.mm-btn__bg)){background-color:var(--black-title)}.mm-btn-secondary:not(:has(>.mm-btn__bg)){background-color:var(--white);border:1px solid var(--black-title)}.mm-btn-white:not(:has(>.mm-btn__bg)){background-color:var(--white)}.mm-btn-primary:has(>.mm-btn__bg),.mm-btn-secondary:has(>.mm-btn__bg),.mm-btn-white:has(>.mm-btn__bg),.mm-btn-shop-promo:has(>.mm-btn__bg){background-color:transparent}.mm-btn-primary>span,.mm-btn-secondary>span,.mm-btn-white>span,.mm-btn-shop-promo>span{position:relative;z-index:1}.mm-btn__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:inset var(--duration-short) var(--cubic-bezier-fast);pointer-events:none;z-index:0}.mm-btn-primary:active .mm-btn__bg,.mm-btn-secondary:active .mm-btn__bg,.mm-btn-white:active .mm-btn__bg,.mm-btn-shop-promo:active .mm-btn__bg{top:3px;right:3px;bottom:3px;left:3px}.mm-btn-primary.mm-btn--centered,.mm-btn-secondary.mm-btn--centered,.mm-btn-white.mm-btn--centered{justify-content:center}.mm-btn-small{height:40px}.mm-btn-shop-promo{min-width:341px}.mm-btn-primary,.mm-btn-shop-promo{color:var(--white)}.mm-btn-primary .mm-btn__bg,.mm-btn-shop-promo .mm-btn__bg{background-color:var(--black-title)}.mm-btn-primary>span,.mm-btn-shop-promo>span{color:var(--white)}.mm-btn-secondary{color:var(--black-title)}.mm-btn-secondary .mm-btn__bg{background-color:var(--white);border:1px solid var(--black-title)}.mm-btn-secondary>span{color:var(--black-title)}.mm-btn-white{color:var(--black-title)}.mm-btn-white .mm-btn__bg{background-color:var(--white)}.mm-btn-white>span{color:var(--black-title)}@media(max-width:768px){.mm-btn-primary,.mm-btn-secondary,.mm-btn-white,.mm-btn-shop-promo{width:100%}}.mm-btn-link,.mm-btn-link-underline{position:relative;background:none;border:none;color:var(--black-title);padding:0;gap:var(--margin-2);width:fit-content;font-size:var(--font-size-sm);font-weight:var(--font-semi-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;text-decoration:none}.mm-btn-link span,.mm-btn-link-underline span{font-size:var(--font-size-sm);font-weight:var(--font-semi-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;text-decoration:none;text-align:left}.mm-btn-link:before,.mm-btn-link-underline:before,.mm-btn-link-underline:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background-color:currentColor;transition:transform .735s cubic-bezier(.625,.05,0,1);transform-origin:right;transform:scaleX(0) rotate(.001deg);pointer-events:none}@media(hover:hover)and (pointer:fine){.mm-btn-link:hover:before{transform-origin:left;transform:scaleX(1) rotate(.001deg)}}.mm-btn-link-underline:before{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}.mm-btn-link-underline:after{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}@media(hover:hover)and (pointer:fine){.mm-btn-link-underline:hover:before{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}.mm-btn-link-underline:hover:after{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}}[data-button-animate-chars]{display:inline-block;overflow:hidden}[data-button-animate-chars] span{display:inline-block;position:relative;font:inherit;text-shadow:0px 1.3em currentColor;transform:translateY(0) rotate(.001deg);transition:transform .6s cubic-bezier(.625,.05,0,1)}@media(hover:hover)and (pointer:fine){.mm-btn:hover [data-button-animate-chars] span{transform:translateY(-1.3em) rotate(.001deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-btn.css.map */