.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;position:relative;font-family:var(--buttons-font-family);font-size:var(--buttons-font-size);font-weight:var(--buttons-font-weight);padding:var(--buttons-space-vertical) var(--buttons-space-horizontal);border-radius:var(--ui-button-radius, var(--buttons-radius));border:1px solid transparent;transform:translateY(0);transition:background-color var(--duration-default, .3s) ease,color var(--duration-default, .3s) ease,border-color var(--duration-default, .3s) ease,box-shadow var(--duration-default, .3s) ease,transform var(--duration-short, .1s) ease;line-height:1;-webkit-user-select:none;user-select:none;touch-action:manipulation}a.button,a.button:visited,a.button:hover{color:var(--ui-button-color, var(--button-color));text-decoration:none}.button:hover:not(:disabled){transform:translateY(var(--buttons-hover-translate));text-decoration:none}.button:disabled{opacity:.6;cursor:not-allowed}.button--full-width{width:100%}.button svg{width:1em;height:1em;fill:currentColor;color:currentColor;flex-shrink:0}.button svg+span,.button span+svg{margin-left:.5em}.button.loading,.button[aria-busy=true]{pointer-events:none;opacity:.7}.button.loading:after,.button[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-buttons-hover=fill-slide] .button{overflow:hidden;z-index:0}[data-buttons-hover=fill-slide] .button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--button-color);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-default, .3s) cubic-bezier(.22,1,.36,1);border-radius:inherit}[data-buttons-hover=fill-slide] .button.loading:after{transform:none;background:none;inset:auto;z-index:auto}@media(hover:hover){[data-buttons-hover=fill-slide] .button:hover:not(:disabled):after{transform:scaleX(1)}[data-buttons-hover=fill-slide] .button:hover:not(:disabled){color:var(--button-paint-contrast);border-color:currentColor}}[data-buttons-hover=fill-slide] .button:focus-visible:after{transform:scaleX(1)}[data-buttons-hover=fill-slide] .button:focus-visible{color:var(--button-paint-contrast);border-color:currentColor}@media(prefers-reduced-motion:reduce){[data-buttons-hover=fill-slide] .button:after{transition:none}}@media(hover:hover){[data-buttons-hover=scale] .button:hover:not(:disabled){transform:scale(1.04)}}[data-buttons-hover=scale] .button:focus-visible{transform:scale(1.04)}[data-buttons-hover=lighter] .button{overflow:hidden;z-index:0}[data-buttons-hover=lighter] .button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#ffffff26;opacity:0;transition:opacity var(--duration-default, .3s) ease;border-radius:inherit}[data-buttons-hover=lighter] .button.loading:after{opacity:0;background:none;inset:auto;z-index:auto}@media(hover:hover){[data-buttons-hover=lighter] .button:hover:not(:disabled):after{opacity:1}}[data-buttons-hover=lighter] .button:focus-visible:after{opacity:1}[data-buttons-hover=paint] .button{overflow:hidden;z-index:0;border-width:max(var(--ui-button-border-width, var(--button-border-width, 0px)),1px)}[data-buttons-hover=paint] .button:after{content:"";position:absolute;left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);width:250%;aspect-ratio:1;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:var(--button-color);z-index:-1;transition:transform .8s cubic-bezier(.4,0,.2,1)}[data-buttons-hover=paint] .button.loading:after{transform:none;background:none;left:auto;top:auto;width:16px;aspect-ratio:auto;z-index:auto}@media(hover:hover){[data-buttons-hover=paint] .button:hover:not(:disabled):after{transform:translate(-50%,-50%) scale(1)}[data-buttons-hover=paint] .button:hover:not(:disabled){color:var(--button-paint-contrast);border-color:currentColor}}[data-buttons-hover=paint] .button:focus-visible:after{transform:translate(-50%,-50%) scale(1)}[data-buttons-hover=paint] .button:focus-visible{color:var(--button-paint-contrast);border-color:currentColor}[data-buttons-hover=magnetic] .button{transition:background-color var(--duration-default, .3s) ease,color var(--duration-default, .3s) ease,border-color var(--duration-default, .3s) ease,box-shadow var(--duration-default, .3s) ease,transform var(--duration-default, .3s) cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.button{transition:none}[data-buttons-hover=lighter] .button:after{transition:none}[data-buttons-hover=paint] .button:after{transition:none}[data-buttons-hover=magnetic] .button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-button-base.css.map */