:root{--fallback-buy-button-background: black;--fallback-buy-button-text: white}.dhs-buy-button{letter-spacing:var(--dhs-buy-button-letter-spacing, var(--dhs-button-letter-spacing, var(--button-letter-spacing, .05em)));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, var(--dhs-button-text, var(--button-text)));border-radius:var(--dhs-buy-button-radius, var(--dhs-button-radius, var(--button-radius)));background:var(--dhs-buy-button-background, var(--dhs-button-background, var(--button-background, var(--fallback-buy-button-background))));border:var(--dhs-buy-button-border-width, 1px) solid var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)));font-family:var(--dhs-buy-button-font-family, var(--dhs-button-font-family, var(--button-font-family)));font-weight:var(--dhs-buy-button-font-weight),400;font-style:var(--dhs-buy-button-font-style, var(--dhs-button-font-style, var(--button-font-style)));text-transform:var(--dhs-buy-button-text-transform, var(--dhs-button-text-transform, var(--button-text-transform)))}.dhs-buy-button-element{display:inline-block;color:var(--dhs-buy-button-text, var(--dhs-button-text, var(--button-text)));border-radius:var(--dhs-buy-button-radius, var(--dhs-button-radius, var(--button-radius)))}.dhs-buy-button-element.button-primary{color:var(--dhs-buy-button-text, var(--dhs-button-text, var(--button-text, var(--fallback-buy-button-text))))}.dhs-buy-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}.dhs-buy-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, var(--dhs-button-text, var(--button-text)))}.dhs-button-element.button-xsmall,.dhs-buy-button-element.button-xsmall{--button-width: 85px;--button-height: 34px;font-size:var(--text-xs);padding:8px 18px}.dhs-button-element.button-small,.dhs-buy-button-element.button-small{--button-width: 120px;--button-height: 48px;font-size:var(--text-sm)}.dhs-button-element.button-medium,.dhs-buy-button-element.button-medium{--button-width: 160px;--button-height: 55px;font-size:var(--text-md)}.dhs-button-element.button-large,.dhs-buy-button-element.button-large{--button-width: 180px;--button-height: 62px;font-size:var(--text-lg)}.dhs-buy-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";padding-block:.8em;padding-inline:1.4em;transition:.3s ease;min-height:var(--button-height);max-width:max-content;border:var(--dhs-buy-button-border-width, var(--dhs-button-border-width, 1px)) solid var(--dhs-buy-button-border-color, var(--dhs-buy-button-border))}.dhs-buy-button-element.button-solid-animated:focus-visible{outline-offset:2px}.dhs-buy-button-element .button-solid-animated .button-primary{background:var(--dhs-buy-button-background, var(--dhs-button-background, var(--button-background)));border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)))}.dhs-buy-button-element.button-solid-animated .button-small{--svg-wrapper-size: 18px;--icon-text-gap: 2px;padding-inline:1.2em}.dhs-buy-button-element.button-solid-animated .button-medium{--svg-wrapper-size: 20px;--icon-text-gap: 4px;padding-inline:1.4em}.dhs-buy-button-element.button-solid-animated .button-large{--svg-wrapper-size: 22px;--icon-text-gap: 6px;padding-inline:1.6em}.dhs-buy-button-element.button-solid-animated:not(.button-link) .dhs-buy-button-icon{grid-area:button-icon;min-width:var(--svg-wrapper-size);transform-style:preserve-3d;overflow:hidden}.dhs-buy-button-element.button-solid-animated:not(.button-link) .dhs-buy-button-icon .svg-wrapper{display:grid;gap:4px;transition:transform .2s ease-in .2s}.dhs-buy-button-element.button-solid-animated:not(.button-link) .dhs-buy-button-icon .svg-wrapper>svg{grid-column:1/2;grid-row:1/2;padding-left:4px;transition:opacity .3s ease-in}.dhs-buy-button-element.button-solid-animated:not(.button-link) .dhs-buy-button-icon .svg-wrapper>svg:last-child{opacity:0;transform:translate3d(-100%,0,0)}.dhs-buy-button-element.button-solid-animated .dhs-buy-button-text{grid-area:button-text;display:grid;padding:0;min-width:auto;min-height:auto;white-space:nowrap;background:none;border:none;color:inherit}.dhs-buy-button-element.button-solid-animated .dhs-buy-button-text span{grid-column:1/2;grid-row:1/2;transition:transform .5s ease,opacity .8s ease}.dhs-buy-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}.dhs-buy-button-element.button-animated .dhs-buy-button-icon{aspect-ratio:1;border-radius:var(--dhs-buy-button-radius, var(--button-radius, 50%));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}.dhs-buy-button-element.button-animated .dhs-buy-button-text{position:relative;isolation:isolate;background:none;border-color:transparent}.dhs-buy-button-element.button-animated .dhs-buy-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(--dhs-buy-button-radius, var(--dhs-button-radius, var(--button-radius)));background:var(--dhs-buy-button-background, var(--dhs-button-background, var(--button-background)))!important}.dhs-buy-button-element.button-primary:not(.button-link):not(.button-solid-animated) .dhs-buy-button-icon{background:var(--dhs-buy-icon-background)!important;border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)));color:var(--dhs-buy-icon-color)!important}.dhs-buy-button-element.button-animated .dhs-buy-button-icon .dhs-buy-svg-wrapper{color:var(--dhs-buy-icon-color)!important}.dhs-buy-button-element.button-primary .button-animated:not(.button-link):not(.button-solid-animated) .dhs-buy-button-icon{border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color var(--button-border)))}.dhs-buy-button-element.button-primary .button-animated:not(.button-link):not(.button-solid-animated) .dhs-buy-button-icon{border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)))}.dhs-buy-button-element.button-primary .button-outlined .dhs-buy-button-icon{background:transparent;border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)))}.dhs-buy-button-element.button-primary .button-outlined .dhs-buy-button-text{background:transparent;color:var(--dhs-buy-button-text, var(--dhs-button-text, var(--button-text)))}.dhs-buy-button-element.button-primary .button-animated .dhs-buy-button-text:after{background:var(--dhs-buy-button-background, var(--dhs-button-background, var(--button-background)))!important;border-color:var(--dhs-buy-button-border-color, var(--dhs-button-border-color, var(--button-border)))!important}.dhs-buy-button-element.button-primary .button-animated .dhs-buy-button-text:hover:after{background:var(--dhs-buy-button-background-hover, var(--dhs-button-background-hover, var(--button-background-hover)))!important;border-color:var(--dhs-buy-button-border-color-hover, var(--dhs-button-border-color-hover, var(--button-border-hover)))!important;transition:background .5s ease-in-out}@media (min-width: 1025px){.dhs-buy-button-element.button-primary:not(.button-link):not(.button-solid-animated):hover .dhs-buy-button-icon{color:var(--dhs-buy-icon-color-hover)!important;background:var(--dhs-buy-icon-background-hover);border-color:var(--dhs-buy-button-border-color-hover)}.dhs-buy-button-element.button-primary .button-animated:hover .dhs-buy-button-text{color:var(--dhs-buy-button-text-hover, var(--dhs-button-text-hover, var(--button-text-hover, var(--button-text))))}.dhs-buy-button-element.button-primary:not(.button-link):hover{color:var(--dhs-buy-button-text-hover)!important;background:var(--dhs-buy-button-background-hover)!important}.dhs-buy-button-element.button-primary.button-solid:hover .dhs-buy-button-text{color:var(--dhs-buy-button-text-hover, var(--dhs-button-text-hover, var(--button-text-hover, var(--button-text))));background:var(--dhs-buy-button-background-hover)!important;border-color:var(--dhs-buy-button-border-color-hover)!important}.dhs-buy-button-element.button-primary.button-solid .dhs-buy-button-text{transition:background .5s ease-in-out}.dhs-buy-button-element.button-primary .button-animated .dhs-buy-button-text{color:var(--dhs-buy-button-text, var(--dhs-button-text, var(--button-text)))}.dhs-buy-button-element.button-primary.button-animated:hover .dhs-buy-button-text{color:var(--dhs-buy-button-text-hover, var(--dhs-button-text-hover, var(--button-text-hover, var(--button-text))));background:var(--dhs-buy-button-background-hover)!important;border-color:var(--dhs-buy-button-border-color-hover)!important}.dhs-buy-button-element.button-primary.button-animated:hover .dhs-buy-button-text:after{border-color:var(--dhs-buy-button-border-color-hover);background:var(--dhs-buy-button-background-hover)!important}.dhs-buy-button-element.button-solid-animated .dhs-buy-button-text{color:inherit}.dhs-buy-button-element.button-animated .dhs-buy-button-icon .dhs-buy-svg-wrapper:hover{color:var(--dhs-buy-icon-color-hover)!important}}@media (max-width: 1024px){.button-element.button-primary.button-animated .button-text{color:var(--dhs-buy-button-text, var(--dhs-button-text, var(--button-text)))}}.product-buttons:has(.explore-button){display:grid;grid-template-columns:repeat(2,1fr);align-items:start;grid-auto-flow:dense;gap:var(--gap, 10px)}.product-buttons.has-separated-buttons{grid-template-columns:1fr}
/*# sourceMappingURL=/cdn/shop/t/136/assets/dh-buy-button.css.map */