.btn{--dd-btn-padding-inline: 2.4rem;--dd-btn-padding-block: 1rem;--dd-btn-height: 5rem;--dd-btn-width: auto;--dd-btn-icon-size: 1.5rem;--dd-btn-icon-gap: .8rem;--dd-btn-border-thickness: .1rem;--dd-btn-border-style: solid;--dd-btn-radius: var(--dd-radius-md, 8px);--dd-btn-line-height: 1.2;--dd-btn-bg: var(--dd-accent);--dd-btn-fg: var(--dd-accent-fg);--dd-btn-border: var(--dd-accent);--dd-btn-fill: var(--dd-accent-fg);--dd-btn-fill-fg: var(--dd-accent);position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--dd-btn-icon-gap);height:var(--dd-btn-height);width:var(--dd-btn-width);padding:var(--dd-btn-padding-block) var(--dd-btn-padding-inline);border-width:var(--dd-btn-border-thickness);border-style:var(--dd-btn-border-style);border-radius:var(--dd-btn-radius);border-color:var(--dd-btn-border);background-color:var(--dd-btn-bg);color:var(--dd-btn-fg);line-height:var(--dd-btn-line-height);font-family:var(--dd-font, inherit);font-weight:var(--dd-weight-medium, 500);font-size:1.5rem;letter-spacing:.01em;text-decoration:none;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:color var(--dd-duration-medium) var(--dd-ease-smooth),background-color var(--dd-duration-medium) var(--dd-ease-smooth),border-color var(--dd-duration-medium) var(--dd-ease-smooth),opacity var(--dd-duration-medium) var(--dd-ease-smooth),transform var(--dd-duration-medium) var(--dd-ease-smooth)}.btn__text,.btn__icon-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center}.btn__leading-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--dd-btn-icon-size, 1.5rem);height:var(--dd-btn-icon-size, 1.5rem);margin-right:var(--dd-btn-icon-gap, .8rem);flex-shrink:0}.btn__leading-icon svg{width:100%;height:100%}.btn--medium,.btn--small{--dd-btn-padding-inline: 2rem}.btn--medium{--dd-btn-padding-block: .8rem;--dd-btn-icon-size: 1.2rem;--dd-btn-height: 4.4rem}.btn--small{--dd-btn-padding-block: .6rem;--dd-btn-icon-size: 1rem;--dd-btn-height: 3.8rem;font-size:1.3rem}.btn--extra-small{--dd-btn-padding-block: .4rem;--dd-btn-padding-inline: 1.6rem;--dd-btn-icon-size: 1rem;--dd-btn-height: 3rem;font-size:1.2rem}.btn--primary{--dd-btn-bg: var(--dd-accent);--dd-btn-fg: var(--dd-accent-fg);--dd-btn-border: var(--dd-accent);--dd-btn-fill: var(--dd-accent-fg);--dd-btn-fill-fg: var(--dd-accent)}.btn--secondary{--dd-btn-bg: var(--dd-bg);--dd-btn-fg: var(--dd-text);--dd-btn-border: var(--dd-border);--dd-btn-fill: var(--dd-accent);--dd-btn-fill-fg: var(--dd-accent-fg)}.btn--outline{--dd-btn-padding-inline: 1.5rem;--dd-btn-bg: transparent;--dd-btn-fg: var(--dd-text);--dd-btn-border: color-mix(in oklab, var(--dd-text) 20%, transparent);--dd-btn-fill: var(--dd-accent);--dd-btn-fill-fg: var(--dd-accent-fg)}.btn--outline.btn--extra-small,.btn--outline.btn--small{--dd-btn-padding-inline: 1.1rem}.btn--outline.btn--outline-bold{--dd-btn-border: var(--dd-text)}.btn--white{--dd-btn-bg: var(--dd-neutral-0);--dd-btn-fg: var(--dd-neutral-950);--dd-btn-border: var(--dd-neutral-0);--dd-btn-fill: var(--dd-neutral-950);--dd-btn-fill-fg: var(--dd-neutral-0)}.btn--tag{--dd-btn-height: 3.6rem;--dd-btn-padding-block: .6rem;--dd-btn-padding-inline: 1.2rem;font-family:var(--dd-font, inherit);font-weight:var(--dd-weight-regular, 400);font-size:1.3rem;letter-spacing:0;text-transform:none}.btn--plain{--dd-btn-height: auto;--dd-btn-bg: transparent;--dd-btn-border: transparent;--dd-btn-fg: var(--dd-text);height:auto;padding:0;background-color:transparent;border:0;border-radius:0;overflow:visible;color:var(--dd-btn-fg)}.btn--plain .btn__text{position:relative}.btn--plain .btn__text:after{content:"";position:absolute;width:0;height:1px;inset-inline-end:0;bottom:-2px;background-color:currentColor;transition:width var(--dd-duration-medium) var(--dd-ease-smooth),inset-inline-end var(--dd-duration-medium) var(--dd-ease-smooth)}.btn--icon-only{--dd-btn-padding-inline: 0;--dd-btn-padding-block: 0;--dd-btn-radius: 50%;--dd-btn-width: var(--dd-btn-height);gap:0}.btn--icon-only.btn--medium{--dd-btn-width: 4.4rem}.btn--icon-only.btn--small{--dd-btn-width: 3.8rem}.btn--icon-only.btn--extra-small{--dd-btn-width: 3rem}[class*=btn--]:not(.btn--icon-solid,.btn--plain,.btn--tag,.button-unstyled):before{content:"";position:absolute;inset:calc(var(--dd-btn-border-thickness) * -1);z-index:-1;border-radius:var(--dd-btn-radius);background-color:var(--dd-btn-fill);transform:scaleX(0);transform-origin:right center;transition:transform var(--dd-duration-medium) var(--dd-ease-smooth);will-change:transform}.btn--icon-solid{padding-inline-end:calc(1rem + var(--dd-btn-icon-size) * 2 + var(--dd-btn-icon-gap))}@media(min-width:768px){.btn--icon-solid-desktop{padding-inline-end:calc(1rem + var(--dd-btn-icon-size) * 2 + var(--dd-btn-icon-gap))}}.btn__icon{position:absolute;top:0;inset-inline:0 auto;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--dd-btn-icon-gap);padding-inline:var(--dd-btn-padding-inline) 1rem;background-color:var(--dd-btn-fill);color:var(--dd-btn-fill-fg);overflow:hidden;clip-path:circle(var(--dd-btn-icon-size) at calc(100% - var(--dd-btn-icon-size) - 1rem) 50%);transition:clip-path .6s cubic-bezier(.4,0,.2,1)}.btn__icon-icon{display:flex;width:calc(var(--dd-btn-icon-size) * 2);height:calc(var(--dd-btn-icon-size) * 2);align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;overflow:hidden}.btn__icon-icon svg,.btn__icon-icon .icon{width:var(--dd-btn-icon-size);height:var(--dd-btn-icon-size)}@media(max-width:767.98px){.btn--icon-solid-desktop:not(.btn--icon-solid) .btn__icon{display:none}.btn--icon-solid-desktop:not(.btn--icon-solid){padding-inline-end:var(--dd-btn-padding-inline)}}@media(hover:hover)and (pointer:fine){[class*=btn--]:not(.btn--icon-solid,.btn--icon-solid-desktop,.btn--plain,.btn--tag,.button-unstyled):hover:before{transform:scaleX(1);transform-origin:left center}.btn--primary:not(.btn--icon-solid,.btn--icon-solid-desktop):hover,.btn--secondary:not(.btn--icon-solid,.btn--icon-solid-desktop):hover,.btn--outline:not(.btn--icon-solid,.btn--icon-solid-desktop):hover,.btn--white:not(.btn--icon-solid,.btn--icon-solid-desktop):hover{color:var(--dd-btn-fill-fg)}.btn--secondary:not(.btn--icon-solid,.btn--icon-solid-desktop):hover,.btn--outline:not(.btn--icon-solid,.btn--icon-solid-desktop):hover{border-color:var(--dd-btn-fill)}.btn--icon-solid:hover .btn__icon,.btn--icon-solid-desktop:hover .btn__icon{clip-path:circle(150% at calc(100% - var(--dd-btn-icon-size) - 1rem) 50%)}.btn--icon-solid:hover .btn__icon-icon svg,.btn--icon-solid:hover .btn__icon-icon .icon,.btn--icon-solid-desktop:hover .btn__icon-icon svg,.btn--icon-solid-desktop:hover .btn__icon-icon .icon{animation:dd-btn-slide-in-out 1s infinite}.btn--plain:hover .btn__text:after{inset-inline:0 auto;width:100%}}@keyframes dd-btn-slide-in-out{0%{transform:translate(0)}50%{transform:translate(2rem)}50.001%{transform:translate(-2rem)}to{transform:translate(0)}}@keyframes dd-btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn[hidden]{display:none}.btn[aria-disabled=true],.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-disabled=true]:before,.btn[disabled]:before,.btn:disabled:before{display:none}.btn--loading{pointer-events:none}.btn--loading>*:not(.btn__spinner){opacity:0}.btn__spinner{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:0;border-radius:50%;border:2px solid color-mix(in oklab,currentColor 35%,transparent);border-top-color:currentColor;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.btn--loading .btn__spinner{opacity:1;animation:dd-btn-spin .7s linear infinite}@media(max-width:767.98px){.btn--full-mobile{width:100%}.btn--full-mobile.btn--icon-solid{justify-content:space-between}}.btn:focus-visible{outline:2px solid var(--dd-accent);outline-offset:2px}.btn:focus:not(:focus-visible){outline:0}@media(prefers-reduced-motion:reduce){.btn,.btn:before,.btn__icon,.btn__icon-icon,.btn__icon-icon svg,.btn__icon-icon .icon,.btn--plain .btn__text:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.btn--icon-solid:hover .btn__icon-icon svg,.btn--icon-solid:hover .btn__icon-icon .icon,.btn--icon-solid-desktop:hover .btn__icon-icon svg,.btn--icon-solid-desktop:hover .btn__icon-icon .icon{animation:none!important}.btn--loading .btn__spinner{animation:dd-btn-spin 2s linear infinite}}.button,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded{--dd-btn-padding-inline: 2.4rem;--dd-btn-padding-block: 1rem;--dd-btn-height: 4.4rem;--dd-btn-border-thickness: .1rem;--dd-btn-radius: var(--dd-radius-md, 8px);--dd-btn-bg: var(--dd-accent);--dd-btn-fg: var(--dd-accent-fg);--dd-btn-border: var(--dd-accent);--dd-btn-fill: var(--dd-accent-fg);--dd-btn-fill-fg: var(--dd-accent);min-width:auto;min-height:var(--dd-btn-height);padding:var(--dd-btn-padding-block) var(--dd-btn-padding-inline);border:var(--dd-btn-border-thickness) solid var(--dd-btn-border);border-radius:var(--dd-btn-radius);background-color:var(--dd-btn-bg);color:var(--dd-btn-fg);font-size:1.5rem;line-height:1.2;letter-spacing:.01em;overflow:hidden;transition:color var(--dd-duration-medium) var(--dd-ease-smooth),border-color var(--dd-duration-medium) var(--dd-ease-smooth)}.button:after,.shopify-challenge__button:after,.customer button:after,button.shopify-payment-button__button--unbranded:after{content:none}.button:before,.shopify-challenge__button:before,.customer button:before,button.shopify-payment-button__button--unbranded:before{content:"";position:absolute;inset:calc(var(--dd-btn-border-thickness) * -1);z-index:-1;border-radius:var(--dd-btn-radius);background-color:var(--dd-btn-fill);box-shadow:none;transform:scaleX(0);transform-origin:right center;transition:transform var(--dd-duration-medium) var(--dd-ease-smooth);will-change:transform}.button--secondary{--dd-btn-bg: var(--dd-bg);--dd-btn-fg: var(--dd-text);--dd-btn-border: var(--dd-border);--dd-btn-fill: var(--dd-accent);--dd-btn-fill-fg: var(--dd-accent-fg)}.button--tertiary{--dd-btn-padding-inline: 1.5rem;--dd-btn-padding-block: .6rem;--dd-btn-height: 3.8rem;--dd-btn-bg: transparent;--dd-btn-fg: var(--dd-text);--dd-btn-border: color-mix(in oklab, var(--dd-text) 20%, transparent);--dd-btn-fill: var(--dd-accent);--dd-btn-fill-fg: var(--dd-accent-fg);font-size:1.3rem}.button--small{--dd-btn-padding-inline: 2rem;--dd-btn-padding-block: .8rem;font-size:1.3rem}@media(hover:hover)and (pointer:fine){.button:not([disabled]):not(.loading):hover,.shopify-challenge__button:hover,.customer button:not([disabled]):not(.loading):hover,button.shopify-payment-button__button--unbranded:hover{color:var(--dd-btn-fill-fg);border-color:var(--dd-btn-fill)}.button:not([disabled]):not(.loading):hover:before,.shopify-challenge__button:hover:before,.customer button:not([disabled]):not(.loading):hover:before,button.shopify-payment-button__button--unbranded:hover:before{transform:scaleX(1);transform-origin:left center}}.button.loading:before,.customer button.loading:before{display:none}.button[disabled]:before,.button:disabled:before,.button[aria-disabled=true]:before,.customer button[disabled]:before,.customer button:disabled:before,.customer button[aria-disabled=true]:before{display:none}@media(prefers-reduced-motion:reduce){.button,.button:before,.shopify-challenge__button,.shopify-challenge__button:before,.customer button,.customer button:before,button.shopify-payment-button__button--unbranded,button.shopify-payment-button__button--unbranded:before{transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dd-btn.css.map */