.cs-btn{border:none;display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:var(--font-heading-family);font-weight:600;text-align:center;line-height:1;border-radius:var(--buttons-radius);text-decoration:none;text-transform:uppercase;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.cs-btn--xl{padding:1.8rem 4rem;font-size:2.2rem;width:44rem;max-width:100%}.cs-btn--md{padding:1.8rem 4rem;font-size:2.2rem}.cs-btn--sm{padding:1.1rem 2.2rem;font-size:1.8rem}.cs-btn--cart{padding:1.1rem 2.2rem;font-size:1.6rem;min-width:27rem;height:4rem!important;text-transform:capitalize}.cs-btn--full{width:100%}.cs-btn--sm span{line-height:1}.cs-btn--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.cs-btn--secondary{color:rgb(var(--color-secondary-button-text));border-color:rgb(var(--color-button));border-style:solid;border-width:var(--buttons-border-width)}.cs-btn-circle{flex-shrink:0;overflow:hidden;position:relative;background-color:transparent;height:5rem;width:5rem;border:.2rem solid rgb(var(--color-button));border-radius:99rem;cursor:pointer;transition:all .3s ease-in-out}.cs-btn-circle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.cs-btn span,.cs-btn svg{position:relative;z-index:1}.cs-btn svg{margin-left:1rem}.cs-btn-circle svg{fill:#221b1d;transition:fill .3s ease-in-out}.cs-btn--primary:before,.cs-btn--secondary:before,.cs-btn-circle:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(270deg,#f9ac1c,#ff8a00);opacity:0;transition:opacity .3s ease-in-out}.cs-btn--primary:hover,.cs-btn--secondary:hover,.cs-btn-circle:hover,.cs-btn--active{color:#fff}.cs-btn-circle:hover svg{fill:#fff}.cs-btn--primary:hover:before,.cs-btn--secondary:hover:before,.cs-btn-circle:hover:before,.cs-btn--active:before{opacity:1}.cs-btn svg{position:relative;opacity:0;max-width:0;transition:all .3s ease-in-out}.cs-btn .svg-visible{max-width:2rem;opacity:1;margin-left:0;margin-right:1rem}.cs-btn:hover svg{max-width:2.6rem;opacity:1;transition:all .3s ease-in-out}@media (min-width: 750px) and (max-width: 989px){.cs-btn--md{font-size:1.8rem}.cs-btn--sm{font-size:1.6rem}}@media screen and (max-width: 574px){.cs-btn{width:100%}.cs-btn svg{display:none}.cs-btn--md{padding:1.8rem 3rem}.cs-btn--sm{padding:1.5rem 3rem}}@media (max-width: 420px){.cs-btn--cart{font-size:1.4rem}}@media (max-width: 370px){.cs-btn--cart{min-width:20rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/cs-buttons.css.map */