.btn,.gform_button,.gform_next_button,.gform_previous_button,.button,.swiper-button-prev,.swiper-button-next{--fs:1.6rem;--lh:1;--fw:600;--p:0 2rem;--br:.35rem;--min-height:4.3rem;--gap:1rem;--tsd:var(--ts-duration);--tsf:var(--ts-function);--tsp:color, background-color, border-color, box-shadow, -webkit-box-shadow;--clr:#fff;--bg-clr:var(--clr-primary);--border:1px solid var(--clr-primary);--box-shadow:none;--hover-clr:var(--clr);--hover-bg-clr:var(--bg-clr);--hover-border:var(--border);--hover-box-shadow:var(--box-shadow);--focus-clr:var(--hover-clr);--focus-bg-clr:var(--hover-bg-clr);--focus-border:var(--hover-border);--focus-box-shadow:none;--active-clr:var(--focus-clr);--active-bg-clr:var(--focus-bg-clr);--active-border:var(--focus-border);--active-box-shadow:var(--focus-box-shadow);display:inline-flex;justify-content:center;align-items:center;min-height:var(--min-height);gap:var(--gap);font-size:var(--fs);line-height:var(--lh);font-weight:var(--fw);padding:var(--p);color:var(--clr);background-color:var(--bg-clr);border-radius:var(--br);border:var(--border);box-shadow:var(--box-shadow);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;transition-duration:var(--tsd);transition-timing-function:var(--tsf);font-family:var(--font-primary);transition-property:var(--tsp);span{font:inherit;color:inherit}i{--clr:inherit;color:inherit;transition-duration:var(--tsd);transition-timing-function:var(--tsf);transition-property:var(--tsp)}&:hover{color:var(--hover-clr)!important;background-color:var(--hover-bg-clr)!important;border:var(--hover-border)!important;box-shadow:var(--hover-box-shadow)!important;i{--clr:var(--hover-clr);color:var(--hover-clr)}}&:focus{color:var(--focus-clr)!important;background-color:var(--focus-bg-clr)!important;border:var(--focus-border)!important;box-shadow:var(--focus-box-shadow)!important;i{--clr:var(--focus-clr);color:var(--focus-clr)}}&:active{color:var(--active-clr)!important;background-color:var(--active-bg-clr)!important;border:var(--active-border)!important;box-shadow:var(--active-box-shadow)!important;i{--clr:var(--active-clr);color:var(--active-clr)}}&.loading{position:relative;&::before,&::after{content:'';display:block;position:absolute;z-index:1;border-radius:inherit}&::before{top:0;right:0;bottom:0;left:0;background:var(--clr-primary)}&::after{border-radius:50%;--w:2rem;--h:2rem;width:var(--w);height:var(--h);top:calc(50% - (var(--h) / 2));left:calc(50% - (var(--w) / 2));border:2px solid var(--clr);border-top:2px solid #fff0;animation:rotate .75s linear infinite}}&.btn--small{--p:0 1.6rem;--fs:1.6rem;--min-height:3.8rem}&.btn--large{--p:0 2.4rem;--fs:1.6rem;--min-height:5.4rem}&.btn--ghost::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0}&.btn--square{--p:0;aspect-ratio:1/1}&.btn--white{--clr:var(--clr-dark);--bg-clr:#fff;--border:1px solid #fff;--box-shadow:none;--hover-clr:#fff;--hover-bg-clr:var(--clr-dark);--hover-border:1px solid var(--clr-dark)}&.btn--outline{--clr:var(--clr-dark);--bg-clr:transparent;--border:1px solid var(--clr-border);--box-shadow:none;--hover-clr:#fff;--hover-bg-clr:var(--clr-dark);--hover-border:1px solid var(--clr-dark);i{color:var(--clr-primary)}&:hover i{color:var(--clr-white)}}&.btn--outline-primary{--clr:var(--clr-primary);--bg-clr:transparent;--border:1px solid var(--clr-primary);--box-shadow:none;--hover-clr:#fff;--hover-bg-clr:var(--clr-primary);--hover-border:1px solid var(--clr-primary)}&.btn--link{--clr:var(--clr-dark);--bg-clr:transparent;--border:1px solid transparent;--box-shadow:none}&.btn--bookmark{i{pointer-events:none}i.is-unchecked{display:none}&.is-bookmarked i.is-unchecked{display:block}&.is-bookmarked i.is-checked{display:none}}&.btn--cart{position:relative;&::after{content:attr(data-count);position:absolute;top:-1rem;right:-1rem;width:2rem;height:2rem;border-radius:50%;background-color:var(--clr-primary);outline:2px solid #fff;color:#fff;font-size:1.1rem;line-height:2rem;text-align:center}}}.btn-group{--gap:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap)}.text-light .btn--outline{--clr:#fff;--border:1px solid #fff;--hover-clr:var(--clr-dark);--hover-bg-clr:#fff;--hover-border:1px solid #fff;i,&:hover i,&:focus i{color:inherit}}