.button{letter-spacing:var(--dhs-buy-button-letter-spacing)}.button-element{display:inline-block;color:var(--dhs-buy-button-text);border-radius:var(--dhs-buy-button-radius)}.button-element:not(.button-animated):not(.button-link):not(.button-solid-animated):not(.button-solid):focus-visible .button.button-text{outline:2px solid #757575;outline-offset:2px;transition:unset!important;z-index:1}.button-element.button-primary{color:var(--dhs-buy-button-text)}.button-element.button-secondary{color:var(--button-secondary-text)}.button-element.button-animated{--button-width: 156px;--button-height: 50px;--svg-wrapper-size: 20px;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--text-sm);color:var(--dhs-buy-button-text)}.button,button.shopify-payment-button__button,button.shopify-payment-button__button--hidden,.shopify-challenge__button{text-decoration:none;text-align:center;position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:var(--button-width);min-height:var(--button-height);line-height:1;cursor:pointer;z-index:0;transition:all .3s ease;padding:1em 2em;color:var(--dhs-buy-button-text);border-radius:var(--button-radius);background:var(--dhs-buy-button-background);border:var(--dhs-buy-button-border-width, 1px) var(--dhs-buy-button-border-style, solid) var(--dhs-buy-button-border);font-family:var(--dhs-buy-button-font-family);font-weight:var(--dhs-buy-button-font-weight);font-style:var(--dhs-buy-button-font-style);text-transform:var(--dhs-buy-button-text-transform)}shopify-accelerated-checkout,shopify-accelerated-checkout-cart{position:relative;--shopify-accelerated-checkout-button-block-size: 55px;--shopify-accelerated-checkout-button-border-radius: var(--button-radius);--shopify-accelerated-checkout-button-box-shadow: none}.accelerated-checkout-button{--gravity-button-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 68px);--gravity-button-min-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 68px)}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-element.button-xsmall{--button-width: 85px;--button-height: 34px;font-size:var(--text-xs);padding:8px 18px}.button-element.button-small{--button-width: 120px;--button-height: 48px;font-size:var(--text-xs)}.button-element.button-medium{--button-width: 160px;--button-height: 55px;font-size:var(--text-sm)}.button-element.button-large{--button-width: 180px;--button-height: 62px;font-size:var(--text-md)}.button-element.button-solid-animated{position:relative;transform-style:preserve-3d;display:inline-grid;align-items:center;gap:var(--icon-text-gap, 4px);grid-template-areas:"button-text button-icon";border:var(--dhs-buy-button-border-width, 1px) var(--dhs-buy-button-border-style, solid) var(--dhs-buy-button-border);padding-block:.8em;padding-inline:1.4em;transition:.3s ease;min-height:var(--button-height);max-width:max-content}.button-element.button-solid-animated:focus-visible{outline-offset:2px}.button-element.button-solid-animated.button-primary{background:var(--dhs-buy-button-background);border-color:var(--dhs-buy-button-border)}.button-element.button-solid-animated.button-secondary{color:var(--button-secondary-text);background:var(--button-secondary-background);border-color:var(--button-secondary-border)}.button-element.button-solid-animated.button-small{--svg-wrapper-size: 18px;--icon-text-gap: 2px;padding-inline:1.2em}.button-element.button-solid-animated.button-medium{--svg-wrapper-size: 20px;--icon-text-gap: 4px;padding-inline:1.4em}.button-element.button-solid-animated.button-large{--svg-wrapper-size: 22px;--icon-text-gap: 6px;padding-inline:1.6em}.button-element.button-solid-animated:not(.button-link) .button-icon{grid-area:button-icon;min-width:var(--svg-wrapper-size);transform-style:preserve-3d;overflow:hidden}.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper{display:grid;gap:4px;transition:transform .2s ease-in .2s}.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper>svg{grid-column:1/2;grid-row:1/2;padding-left:4px;transition:opacity .3s ease-in}.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper>svg:last-child{opacity:0;transform:translate3d(-100%,0,0)}.button-element.button-solid-animated .button-text{grid-area:button-text;display:grid;padding:0;min-width:auto;min-height:auto;white-space:nowrap}.button-element.button-solid-animated .button-text{background:none;border:none;color:inherit}.button-element.button-solid-animated .button-text span{grid-column:1/2;grid-row:1/2;transition:transform .5s ease,opacity .8s ease}.button-element.button-solid-animated .button-text-hovered{opacity:0;transform:translate3d(0,-120%,0) scale3d(.8,.8,1) rotateX(50deg) rotateY(0) rotate(0) skew(20deg);transform-style:preserve-3d}.button-element.button-animated .button-icon{aspect-ratio:1;border-radius:50%;border-radius:var(--button-radius);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:var(--button-height);height:var(--button-height);border:1px solid}.button-element.button-animated .button-text{position:relative;isolation:isolate;background:none;border-color:transparent}.button-element.button-animated .button-text:after{content:"";will-change:width,max-width;position:absolute;z-index:-1;top:-1px;right:-1px;bottom:-1px;left:-1px;width:100%;margin-left:auto;transition:all .3s ease;pointer-events:none;border:1px solid;border-radius:var(--button-radius)}.button-element.button-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;overflow:hidden;border-radius:2px;color:var(--link-color)}.button-element.button-link:hover{color:var(--link-hover-color)}.button-element.button-link.button-small{--svg-wrapper-size: 12px}.button-element.button-link.button-medium{--svg-wrapper-size: 14px}.button-element.button-link.button-large{--svg-wrapper-size: 16px}.button-element.button-link .button-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--link-color)}.button-element.button-primary:not(.button-link):not(.button-solid-animated) .button-icon{background:var(--dhs-buy-button-background);border-color:var(--dhs-buy-button-background)}.button-element.button-primary.button-animated:not(.button-link):not(.button-solid-animated) .button-icon{border-color:var(--dhs-buy-button-border)}.button-element.button-primary.button-outlined .button-icon{background:transparent;border-color:var(--dhs-buy-button-text)}.button-element.button-primary.button-outlined .button-text{background:transparent;color:var(--dhs-buy-button-text)}.button-element.button-primary.button-animated .button-text:after{background:var(--dhs-buy-button-background);border-color:var(--dhs-buy-button-border)}.button-element.button-primary.button-animated .button-text:hover:after{background:var(--dhs-buy-button-background-hover);border-color:var(--dhs-buy-button-border-hover);transition:background .5s ease-in-out}button.shopify-payment-button__button--hidden,.shopify-challenge__button{color:var(--dhs-buy-button-text-hover);background:var(--dhs-buy-button-background-hover);border-color:var(--dhs-buy-button-text-hover)}.button-element.button-secondary:not(.button-link):not(.button-solid-animated) .button-icon{color:var(--button-secondary-text);background:var(--button-secondary-background);border-color:var(--button-secondary-background)}.button-element.button-secondary.button-animated:not(.button-link):not(.button-solid-animated) .button-icon{border-color:var(--button-secondary-border)}.button-element.button-secondary.button-animated .button-text{color:var(--button-secondary-text)}.button-element.button-secondary.button-solid .button-text{color:var(--button-secondary-text);background:var(--button-secondary-background);border-color:var(--button-secondary-border)}.button-element.button-secondary.button-outlined .button-icon{background:transparent;border-color:var(--button-secondary-text)}.button-element.button-secondary.button-link .button-text{color:var(--link-color)}.button-element.button-secondary.button-outlined .button-text{background:transparent;color:var(--button-secondary-background);border-color:var(--button-secondary-background)}.button-element.button-secondary.button-animated .button-text:after{background:var(--button-secondary-background);border-color:var(--button-secondary-border)}.button-element.button-secondary.button-link .button-icon{color:var(--link-color)}.button-element.button-link .button-text{padding:0;border-radius:0;border:none;min-width:auto;min-height:auto;background:none;line-height:1.5;position:relative;transition:transform .3s ease;color:var(--link-color)}.button-element.button-link .button-text:before{content:attr(data-hover);position:absolute;left:0;transform:translateY(100%);transition:transform .3s ease}.button-element.button.button-secondary.button-link .button-text{background:none;color:var(--button-secondary-text)}.icon-button{aspect-ratio:1;width:100%;height:100%;min-width:24px;min-height:24px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--slider-arrow-bg);color:var(--slider-arrow-color);border-color:var(--slider-arrow-color)}.icon-button:focus-visible{outline-offset:2px}.icon-button.button-primary{color:var(--dhs-buy-button-text);border-color:var(--dhs-buy-button-text);background:var(--dhs-buy-button-background)}.icon-button.button-primary.button-outlined{color:var(--dhs-buy-button-text);border-color:currentColor;background:transparent}.icon-button.button-secondary{color:var(--button-secondary-text);border-color:var(--button-secondary-text);background:var(--button-secondary-background)}.icon-button.button-secondary.button-outlined{color:var(--button-secondary-text);border-color:var(--button-secondary-border);background:transparent}.button-block,.button-block>.button{width:100%}.button-block.button-animated>.button{width:calc(100% - var(--button-height))}@media (min-width: 1025px){.button-element.button-primary.button-animated:hover .button-text{color:var(--dhs-buy-button-text-hover)}}@media (max-width: 1024px){.button-element.button-primary.button-animated .button-text{color:var(--dhs-button-text)}.button-element.button-solid-animated .button-text{color:inherit}.button-element.button-link:hover{color:var(--link-hover-color)}.button-element.button-primary.button-outlined .button-text{color:var(--dhs-buy-button-text)}.icon-button.button-primary{color:var(--dhs-buy-button-text);border-color:var(--dhs-buy-button-text);background:var(--dhs-buy-button-background)}.button-element.button-link .button-text{color:var(--link-color)}.button-element.button.button-secondary.button-link .button-text{color:var(--button-secondary-text)}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/dhs-buy-button.css.map */