:root{--btn-height-sm:24px;--btn-height-md:32px;--btn-height-lg:40px;--btn-height-xl:48px;--capsuled-sm:12px;--capsuled-md:16px;--capsuled-lg:20px;--capsuled-xl:24px;--btn-horizontal-spacer-xs:var(--spacer-8);--btn-horizontal-spacer-sm:var(--spacer-10);--btn-horizontal-spacer-md:var(--spacer-12);--btn-horizontal-spacer-lg:var(--spacer-20);--btn-horizontal-spacer-xl:var(--spacer-24);--btn-loader-width-xl:83px;--btn-loader-height-xl:20px;--btn-loader-width-lg:67px;--btn-loader-height-lg:16px;--btn-loader-width-md:50px;--btn-loader-height-md:12px;--btn-loader-width-sm:42px;--btn-loader-height-sm:10px;--color-primary-hover:#ff3d71;--color-primary-active:#d80453;--color-secondary-hover:#fff1f4;--color-secondary-active:var(--color-red-50);--color-tertiery-hover:var(--color-black-30);--color-tertiery-active:var(--color-black-100);--color-ghost_black-hover:var(--color-black-30);--color-ghost_black-active:var(--color-black-100);--color-ghost_color-hover:var(--color-red-30);--color-ghost_color-active:var(--color-red-50);--color-sfshop-active:#356fb6;--color-sfshop-active-hover:#719ACB}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;outline:0;border:none;opacity:1;transition:background-color var(--transition-duration-fast);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn.stretch{width:100%}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}@media(min-width:1024px){.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:hover:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}}.btn--primary .icon,.btn--primary-disabled{color:var(--color-white)}.btn--primary-disabled{background-color:var(--color-black-200);border:1px solid var(--color-black-200);cursor:not-allowed}.btn--primary-disabled .icon{color:var(--color-white)}.btn--secondary{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-red-100)}@media(min-width:1024px){.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--secondary:hover:active{background-color:var(--color-secondary-active);border-color:var(--color-red-200)}}.btn--secondary .icon{color:var(--color-primary)}.btn--secondary-disabled{background-color:var(--color-white);border:1px solid var(--color-black-300);cursor:not-allowed}.btn--secondary-disabled,.btn--secondary-disabled .icon{color:var(--color-black-300)}.btn--tertiery{background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-black-200)}@media(min-width:1024px){.btn--tertiery:hover{background-color:var(--color-tertiery-hover)}.btn--tertiery:hover:active{background-color:var(--color-tertiery-active)}}.btn--tertiery-disabled{background-color:var(--color-white);border:1px solid var(--color-black-300);cursor:not-allowed}.btn--tertiery-disabled,.btn--tertiery-disabled .icon{color:var(--color-black-300)}.btn--ghost_black{background-color:var(--color-transparent);color:var(--color-black)}@media(min-width:1024px){.btn--ghost_black:hover{background-color:var(--color-ghost_black-hover)}.btn--ghost_black:hover:active{background-color:var(--color-ghost_black-active)}}.btn--ghost_black-disabled{cursor:not-allowed}.btn--ghost_black-disabled,.btn--ghost_black-disabled .icon{color:var(--color-black-300)}.btn--ghost_color{background-color:var(--color-transparent);color:var(--color-primary)}@media(min-width:1024px){.btn--ghost_color:hover{background-color:var(--color-ghost_color-hover)}.btn--ghost_color:hover:active{background-color:var(--color-ghost_color-active)}}.btn--ghost_color .icon{color:var(--color-primary)}.btn--ghost_color-disabled{cursor:not-allowed}.btn--ghost_color-disabled,.btn--ghost_color-disabled .icon{color:var(--color-black-300)}.btn--light-blur{background:rgba(255,255,255,.3137254902);background-image:rgba(255,255,255,.3137254902);color:var(--color-white,#FFF);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:all var(--transition-duration-fast)}@media(min-width:1024px){.btn--light-blur:hover{background:rgba(255,255,255,.4392156863)}.btn--light-blur:hover,.btn--light-blur:hover:active{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.btn--light-blur:hover:active{background:rgba(255,255,255,.3764705882)}}.btn--light-blur .icon{color:var(--color-white)}.btn--light-blur-disabled{background-color:var(--color-black-200);color:var(--color-white);border:1px solid var(--color-black-200);cursor:not-allowed}.btn--light-blur-disabled .icon{color:var(--color-white)}.btn--sm{height:var(--btn-height-sm);min-height:var(--btn-height-sm);padding:0 var(--btn-horizontal-spacer-sm);font-size:var(--font-11);line-height:var(--font-11);font-weight:var(--font-weight-semibold);gap:var(--spacer-5)}.btn--sm.rounded{border-radius:var(--rounded-sm)}.btn--sm.capsuled,.btn--sm.circle{border-radius:var(--capsuled-sm)}.btn--sm.circle{padding:0;min-width:0;width:var(--btn-height-sm)}.btn--sm .icon{font-size:var(--font-12);line-height:var(--font-14)}.btn--sm .icon,.btn--sm .icon:before{width:14px;height:14px}.btn--sm>.btn--loader{width:var(--btn-loader-width-sm);height:var(--btn-loader-height-sm)}.btn--md{height:var(--btn-height-md);min-height:var(--btn-height-md);padding:0 var(--btn-horizontal-spacer-md);font-size:var(--font-12);line-height:var(--font-18);font-weight:var(--font-weight-semibold);letter-spacing:-.24px;gap:var(--spacer-6)}.btn--md.rounded{border-radius:var(--rounded-md)}.btn--md.capsuled,.btn--md.circle{border-radius:var(--capsuled-md)}.btn--md.circle{padding:0;min-width:0;width:var(--btn-height-md)}.btn--md .icon{font-size:var(--font-16);line-height:var(--font-16)}.btn--md .icon,.btn--md .icon:before{width:18px;height:18px}.btn--md>.btn--loader{width:var(--btn-loader-width-md);height:var(--btn-loader-height-md)}.btn--lg{height:var(--btn-height-lg);min-height:var(--btn-height-lg);padding:0 var(--btn-horizontal-spacer-lg);font-size:var(--font-14);line-height:var(--font-14);font-weight:var(--font-weight-semibold);letter-spacing:-.28px;gap:var(--spacer-8)}.btn--lg.rounded{border-radius:var(--rounded-lg)}.btn--lg.capsuled,.btn--lg.circle{border-radius:var(--capsuled-lg)}.btn--lg.circle{padding:0;min-width:0;width:var(--btn-height-lg)}.btn--lg .icon{font-size:var(--font-20);line-height:var(--font-20)}.btn--lg .icon,.btn--lg .icon:before{width:20px;height:20px}.btn--lg>.btn--loader{width:var(--btn-loader-width-lg);height:var(--btn-loader-height-lg)}.btn--xl{height:var(--btn-height-xl);min-height:var(--btn-height-xl);padding:0 var(--btn-horizontal-spacer-xl);font-size:var(--font-18);line-height:var(--font-18);font-weight:var(--font-weight-semibold);letter-spacing:-.36px;gap:var(--spacer-8)}.btn--xl.rounded{border-radius:var(--rounded-xl)}.btn--xl.capsuled,.btn--xl.circle{border-radius:var(--capsuled-xl)}.btn--xl.circle{padding:0;min-width:0;width:var(--btn-height-xl)}.btn--xl .icon{font-size:var(--font-24);line-height:var(--font-24)}.btn--xl .icon,.btn--xl .icon:before{width:24px;height:24px}.btn--xl>.btn--loader{width:var(--btn-loader-width-xl);height:var(--btn-loader-height-xl)}.btn--md.btn--ghost_black,.btn--md.btn--ghost_black-disabled,.btn--md.btn--ghost_color,.btn--md.btn--ghost_color-disabled,.btn--sm.btn--ghost_black,.btn--sm.btn--ghost_black-disabled,.btn--sm.btn--ghost_color,.btn--sm.btn--ghost_color-disabled{padding:0 var(--btn-horizontal-spacer-xs)}.btn--lg.btn--ghost_black,.btn--lg.btn--ghost_black-disabled,.btn--lg.btn--ghost_color,.btn--lg.btn--ghost_color-disabled,.btn--xl.btn--ghost_black,.btn--xl.btn--ghost_black-disabled,.btn--xl.btn--ghost_color,.btn--xl.btn--ghost_color-disabled{padding:0 var(--btn-horizontal-spacer-md)}.btn--sfshop{background-color:var(--color-sfshop-active);color:var(--color-white);border:1px solid var(--color-sfshop-active)}@media(min-width:1024px){.btn--sfshop:hover{background-color:var(--color-sfshop-active-hover);border-color:var(--color-sfshop-active-hover)}.btn--sfshop:hover:active{background-color:var(--color-sfshop-active);border-color:var(--color-sfshop-active)}}.btn--sfshop .icon,.btn--sfshop-disabled{color:var(--color-white)}.btn--sfshop-disabled{background-color:var(--color-black-200);border:1px solid var(--color-black-200);cursor:not-allowed}.btn--sfshop-disabled .icon{color:var(--color-white)}