.button,.button-pill{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);text-align:center;text-decoration:none;padding:var(--s-2) calc(var(--s-1) + 2px);border:1px solid transparent;white-space:nowrap;font-family:var(--font-2);font-size:var(--t1);font-weight:400;font-style:italic;line-height:1.2;text-transform:none;letter-spacing:normal}.button{position:relative;min-height:38px;border-radius:6px;transition:background-color 125ms ease-in-out}.button>span:first-child,.button-pill>span:first-child{display:inline-flex;align-items:center;gap:var(--s-2);box-shadow:0 1px 0 transparent;transition:box-shadow 125ms ease-in-out}.button:hover>span:first-child,.button-pill:hover>span:first-child{box-shadow:0 1px 0 currentColor}.button-1{--button-loading-color: var(--color-4);height:46px;padding-inline:var(--s2);color:var(--color-4);background-color:var(--color-1)}.button-3{color:var(--color-1);background-color:#fffbf7}.button-2,.button-pill-2{color:var(--color-1);background-color:var(--color-3)}.button>span:first-child:after{content:"\2192" / "";font-style:normal;transform:translateY(1px)}.without--arrow>span:first-child:after{content:none}.with--close>span:first-child:after{content:"";width:18px;height:18px;flex-shrink:0;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m3 3 12 12M15 3 3 15' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m3 3 12 12M15 3 3 15' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;transform:none}.button-pill{min-height:40px;border-radius:999px;transition:color .2s ease,background-color .2s ease}.button-pill--small{min-height:30px;padding-block:0;font-size:var(--t-1);line-height:1}.button-pill--small.with--close>span:first-child:after{width:12px;height:12px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m3 3 12 12M15 3 3 15' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m3 3 12 12M15 3 3 15' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E")}.button-pill-1{color:var(--color-4);background-color:var(--color-1)}.button-pill-3{color:var(--color-1);background-color:var(--color-4)}.button-full{display:flex;width:100%}.button-text{min-height:0;padding:0;border:none;border-radius:0;color:var(--color-1);background-color:transparent;white-space:nowrap}.button-text--small{font-size:var(--t0)}.button-icon{line-height:0}.button[disabled]:not(.state--loading),.button-pill[disabled]:not(.state--loading){pointer-events:none;opacity:.5}.button-icon.state--loading{position:relative}.button.state--loading,.button-icon.state--loading{color:transparent}.button.state--loading>*,.button-icon.state--loading>*,.button-icon.state--loading:after{visibility:hidden}.button.state--loading:before,.button-icon.state--loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid var(--button-loading-color, var(--color-1));border-right-color:transparent;border-radius:50%;animation:button-spinner 1s linear infinite}@keyframes button-spinner{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-button.css.map */