.button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;height:40px;justify-content:center;padding:0 18px}.button svg{max-width:unset}.button.onl-ic{padding:0 10px}.button.md{font-weight:400;height:36px}.button.md.onl-ic{padding:0 9px}.button.sm{font-size:12px;font-weight:400;height:32px}.button.sm.onl-ic{padding:0 8px}.button:disabled{opacity:50%}.button .counter{align-items:center;border-radius:90px;display:flex;height:22px;justify-content:center;width:26px}.button.primary{background-color:var(--col-base,#e1251b);color:var(--col-cont-always-white,#fff)}.button.primary svg{fill:var(--col-cont-always-white,#fff)}.button.primary .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.button.secondary{background-color:var(--col-backg-gray-tetriary,#f0f1f2);color:var(--col-secondary-btn,#e1251b)}.button.secondary svg{fill:var(--col-secondary-btn,#e1251b)}.button.secondary .counter{background-color:var(--col-base,#e1251b);color:var(--col-cont-always-white,#fff)}.button.border-primary,.button.border-secondary{color:var(--col-cont-primary,#1a222c)}.button.border-primary svg,.button.border-secondary svg{fill:var(--col-cont-primary,#1a222c)}.button.border-primary .counter,.button.border-secondary .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.button.border-primary.active,.button.border-primary:active,.button.border-primary:hover,.button.border-secondary.active,.button.border-secondary:active,.button.border-secondary:hover{border:1px solid transparent}.button.border-primary{border:1px solid var(--col-base,#e1251b)}.button.border-secondary{border:1px solid var(--col-strk-secondary,#b5b5b5)}.button.download{background-color:var(--col-backg-gray-primary,#8d8e91);color:var(--col-cont-always-white,#fff)}.button.download svg{fill:var(--col-cont-always-white,#fff)}.button.download .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.button.active:not(:disabled),.button:active:not(:disabled),.button:hover:not(:disabled){background-color:var(--col-base-hover,#e83c38);color:var(--col-cont-always-white,#fff)}.button.active:not(:disabled) svg,.button:active:not(:disabled) svg,.button:hover:not(:disabled) svg{fill:var(--col-cont-always-white,#fff)}.button.active:not(:disabled) .counter,.button:active:not(:disabled) .counter,.button:hover:not(:disabled) .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.button.transparent{color:var(--col-cont-primary,#1a222c)}.button.transparent svg{fill:var(--col-cont-primary,#1a222c)}.button.transparent .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.button.transparent.active,.button.transparent:active,.button.transparent:hover{background-color:rgba(0,0,0,.039)}.button.transparent.active svg,.button.transparent:active svg,.button.transparent:hover svg{fill:var(--col-cont-primary,#1a222c)}.button.filter{background-color:var(--col-backg-gray-tetriary,#f0f1f2);color:var(--col-base,#e1251b)}.button.filter svg{fill:var(--col-base,#e1251b)}.button.filter .counter{background-color:var(--col-base,#e1251b);color:var(--col-cont-always-white,#fff)}.button.filter.active,.button.filter:active,.button.filter:hover{background-color:var(--col-backg-gray-secondary,#e7e7e7);color:var(--col-base,#e1251b)}.button.filter.active svg,.button.filter:active svg,.button.filter:hover svg{fill:var(--col-base,#e1251b)}.button.filter.active .counter,.button.filter:active .counter,.button.filter:hover .counter{background-color:var(--col-cont-always-white,#fff);color:var(--col-base,#e1251b)}.buttons{display:flex;gap:12px}