.button{display:inline-flex;gap:1.2rem;align-items:center;justify-content:center;min-width:12rem;min-height:4.8rem;padding:0 3rem;color:var(--ms-color-cta-text, var(--ms-color-white));font-family:var(--ms-font-body);font-weight:600;letter-spacing:.02em;line-height:1;text-align:center;text-decoration:none;background:var(--ms-color-toffee);border-radius:2.4rem;box-shadow:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:before,.button:after{content:none}.button:hover{background:var(--ms-color-toffee);transform:translateY(-1px)}.button[aria-disabled=true],.button:disabled{cursor:not-allowed;opacity:1}.button--primary{color:var(--ms-color-cta-text, var(--ms-color-white));background:var(--ms-color-toffee)}.button--primary:hover{background:color-mix(in srgb,var(--ms-color-toffee) 90%,white)}.button--secondary{color:var(--ms-color-text);background:var(--ms-color-green)}.button--secondary:hover{background:color-mix(in srgb,var(--ms-color-green) 90%,white)}.button--action{color:var(--ms-color-text);background:var(--ms-color-yellow)}.button--action:hover{background:color-mix(in srgb,var(--ms-color-yellow) 96%,black)}.button--small{min-width:0;min-height:4rem;padding-inline:2rem;color:var(--ms-color-toffee);font-size:var(--ms-font-size-small);background:var(--ms-color-white);border-color:var(--ms-color-white);border-radius:2rem}.button--small:hover{color:var(--ms-color-text);background:var(--ms-color-creme);border-color:var(--ms-color-creme)}.button--outline{color:var(--ms-color-text);background:transparent;outline:1px solid var(--ms-color-text)}.button--outline:hover{color:var(--ms-color-text);background:color-mix(in srgb,var(--ms-color-text) 10%,transparent)}.button--outline-light{color:var(--ms-color-white);background:transparent;outline:1px solid var(--ms-color-white)}.button--outline-light:hover{color:var(--ms-color-white);background:color-mix(in srgb,var(--ms-color-white) 12%,transparent);outline:1px solid var(--ms-color-white)}.button--ghost,.button--tertiary{min-width:0;min-height:auto;padding:0;color:var(--ms-color-toffee);background:transparent;border-color:transparent;border-radius:0}.button--ghost:hover,.button--tertiary:hover{color:var(--ms-color-text);background:transparent;transform:none}@media screen and (max-width:749px){.button{min-height:4.4rem;padding-inline:2.4rem}.button--small{min-height:3.8rem;padding-inline:1.8rem}.button--ghost,.button--tertiary{min-height:auto;padding:0}}@media(prefers-reduced-motion:reduce){.button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ms-buttons.css.map */