.btn{--btn-padding-y: 1rem;--btn-padding-x: 2rem;--btn-font-size: 1.5rem;--btn-icon-size: 25px;--btn-icon-gap: 2rem;--btn-icon-slide-space: 10px;--btn-bg: transparent;--btn-color: rgb(var(--color-foreground, 25, 25, 25));--btn-border-color: rgb(var(--color-foreground, 25, 25, 25));--btn-border-width: 1px;--btn-font-weight: 400;--btn-stroke-width: 1;--btn-backdrop-blur: 0px}.btn{display:inline-flex;justify-content:space-between;align-items:center;padding:var(--btn-padding-y) var(--btn-padding-x);font-family:Basier Square,system-ui,sans-serif;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1.2;letter-spacing:0;color:var(--btn-color);background-color:var(--btn-bg);border:var(--btn-border-width) solid var(--btn-border-color);backdrop-filter:blur(var(--btn-backdrop-blur));-webkit-backdrop-filter:blur(var(--btn-backdrop-blur));text-decoration:none;cursor:pointer;transition:opacity .3s ease;-webkit-appearance:none;appearance:none;position:relative;box-sizing:border-box}.btn.button:before,.btn.button:after{content:none;display:none}.btn.button{min-width:0;min-height:0;border-radius:0;box-shadow:none}.btn--xs{--btn-padding-y: .5rem;--btn-padding-x: 1rem;--btn-font-size: 1rem;--btn-icon-size: 16px;--btn-icon-gap: 1rem;--btn-icon-slide-space: 8px}.btn--sm{--btn-padding-y: .75rem;--btn-padding-x: 1.5rem;--btn-font-size: 1.25rem;--btn-icon-size: 20px;--btn-icon-gap: 1.5rem;--btn-icon-slide-space: 10px}.btn--md{--btn-padding-y: 1rem;--btn-padding-x: 2rem;--btn-font-size: 1.5rem;--btn-icon-size: 25px;--btn-icon-gap: 2rem;--btn-icon-slide-space: 10px}.btn--lg{--btn-padding-y: 1.25rem;--btn-padding-x: 2.5rem;--btn-font-size: 1.75rem;--btn-icon-size: 30px;--btn-icon-gap: 2.5rem;--btn-icon-slide-space: 10px}.btn--outline{--btn-bg: transparent;--btn-color: rgb(var(--color-foreground, 25, 25, 25));--btn-border-color: rgb(var(--color-foreground, 25, 25, 25));--btn-backdrop-blur: 3px}.btn--outline-light{--btn-bg: transparent;--btn-color: #fff;--btn-border-color: #fff;--btn-backdrop-blur: 3px}.btn--filled{--btn-bg: rgb(var(--color-foreground, 25, 25, 25));--btn-color: rgb(var(--color-background, 255, 255, 255));--btn-border-color: rgb(var(--color-foreground, 25, 25, 25))}.btn--filled-light{--btn-bg: #fff;--btn-color: rgb(25, 25, 25);--btn-border-color: #fff}.btn--accent{--btn-bg: rgb(var(--color-kapie-accent, 253, 207, 74));--btn-color: rgb(25, 25, 25);--btn-border-color: rgb(var(--color-kapie-accent, 253, 207, 74))}.btn--primary{--btn-bg: rgb(var(--color-button));--btn-color: rgb(var(--color-button-text));--btn-border-color: rgb(var(--color-button))}.btn--secondary{--btn-bg: rgb(var(--color-secondary-button));--btn-color: rgb(var(--color-secondary-button-text));--btn-border-color: rgb(var(--color-secondary-button))}.btn--bold{--btn-font-weight: 500;--btn-stroke-width: 1.5}.btn__text{position:relative;z-index:1}.btn__icon{display:flex;align-items:center;margin-left:var(--btn-icon-gap);padding-right:var(--btn-icon-slide-space)}.btn--reverse .btn__icon{margin-left:0;margin-right:var(--btn-icon-gap);padding-right:0;padding-left:0;order:-1}.btn__icon-svg{width:var(--btn-icon-size);height:var(--btn-icon-size)}.btn__icon-svg path{stroke-width:var(--btn-stroke-width)}.btn:hover{opacity:.9}.btn:hover .btn__icon-svg{animation:btn-arrow-slide 1s ease-in-out infinite}.btn--reverse:hover .btn__icon-svg{animation:btn-arrow-slide-reverse 1s ease-in-out infinite}.btn:focus-visible{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background, 255, 255, 255)),0 0 0 .5rem rgba(var(--color-foreground, 0, 0, 0),.5),0 0 .5rem .4rem rgba(var(--color-foreground, 0, 0, 0),.3)}.btn:focus:not(:focus-visible){box-shadow:none;outline:0}.btn::selection{background-color:rgba(var(--color-foreground, 0, 0, 0),.3)}.btn--disabled,.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--full-width{display:flex;width:100%;justify-content:center}.btn--reverse{flex-direction:row-reverse}.btn--loading,.btn.loading{color:transparent;position:relative}.btn--loading>.loading__spinner,.btn.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.btn--loading>.loading__spinner .spinner,.btn.loading>.loading__spinner .spinner{width:fit-content}.btn--loading>.loading__spinner .path,.btn.loading>.loading__spinner .path{stroke:var(--btn-color)}@media screen and (forced-colors: active){.btn.loading{color:rgb(var(--color-foreground))}}@keyframes btn-arrow-slide{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(0)}}@keyframes btn-arrow-slide-reverse{0%{transform:translate(0) rotate(180deg)}50%{transform:translate(-10px) rotate(180deg)}to{transform:translate(0) rotate(180deg)}}@media screen and (max-width: 30rem){.btn{min-height:3rem;justify-content:center}.btn--xs{min-height:auto;--btn-padding-y: .4rem;--btn-padding-x: .75rem;--btn-font-size: .875rem;--btn-icon-size: 14px;--btn-icon-gap: .75rem}.btn--sm{--btn-padding-y: .5rem;--btn-padding-x: 1rem;--btn-font-size: 1rem;--btn-icon-size: 16px;--btn-icon-gap: 1rem}.btn--md{--btn-padding-y: .75rem;--btn-padding-x: 1.25rem;--btn-font-size: 1.125rem;--btn-icon-size: 20px;--btn-icon-gap: 1.25rem}.btn--lg{--btn-padding-y: .875rem;--btn-padding-x: 1.5rem;--btn-font-size: 1.25rem;--btn-icon-size: 24px;--btn-icon-gap: 1.5rem}}.share-button--kapie .btn{flex-direction:row;min-height:auto}.share-button--kapie summary.btn::-webkit-details-marker{display:none}.share-button--kapie summary.btn::marker{content:""}.share-button--kapie summary.btn{list-style:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-kapie-button.css.map */
