.btn{--height: 40px;--font-size: 13px;--btn-radius: 100px;display:flex;justify-content:center;align-items:center;border:1px solid transparent;font-family:Poppins,Arial,sans-serif;font-weight:600;text-align:center;text-decoration:none;border-radius:var(--btn-radius);cursor:pointer;box-sizing:border-box;line-height:20px;height:var(--height);padding:calc(var(--height) * .2) calc(var(--height) * .55);font-size:var(--font-size);white-space:nowrap;gap:var(--gap)}.btn svg{fill:var(--icon-color, var(--text-02))}.btn:disabled svg{fill:var(--disabled)}.btn:is(:hover,:active) svg{fill:currentColor}.btn:hover,.btn:focus{background:initial;border-color:transparent;border-radius:var(--btn-radius);text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 1.4px var(--focus-border);border-radius:var(--btn-radius)}.btn:active{background:none;border-radius:var(--btn-radius)}.btn:disabled{cursor:not-allowed;border-radius:var(--btn-radius)}.btn:visited{color:var(--color);border-radius:var(--btn-radius)}.btn svg{--size: 18px}.btn--tiny{--height: 24px;--font-size: 12px;--gap: var(--spacing-m)}.btn--sm{--height: 32px;--font-size: 13px}.btn--lg{--height: 48px;--font-size: 14px}.btn--jumbo{--height: 56px;--font-size: 16px}.btn--tiny svg{--size: 14px}.btn--sm svg{--size: 17px}.btn--lg svg{--size: 20px}.btn--jumbo svg{--size: 22px}.btn>*~*{padding-left:8px}.btn--jumbo>*~*{padding-right:12px}.btn--outline{--color: var(--interactive-07);color:var(--color);border-color:var(--btn-outline-border);background-color:transparent}.btn--outline svg{fill:currentColor}.btn--outline:hover:not(:focus){border:1px solid var(--btn-outline-border-hover);color:var(--btn-outline-text-hover)}.btn--outline:active{border:1px solid var(--btn-outline-border-active);color:var(--btn-outline-text-active)}.btn--outline:disabled{border:1px solid var(--disabled);color:var(--btn-outline-text-disabled);box-shadow:none}.btn--icon{--size: var(--height);border:none;background:none;outline:none;width:var(--size);height:var(--size);padding:10px}.btn--icon svg{--size: 20px;width:var(--size);height:var(--size)}.btn--tiny.btn--icon{padding:4px}.btn--sm.btn--icon{padding:7px}.btn--lg.btn--icon{padding:13px}.btn--jumbo.btn--icon{padding:16px}.btn.btn--tiny.btn--icon svg{--size: 16px}.btn.btn--sm.btn--icon svg{--size: 18px}.btn.btn--lg.btn--icon svg{--size: 22px}.btn.btn--jumbo.btn--icon svg{--size: 24px}.btn--icon:hover:not(:focus){border-radius:var(--size);background:var(--btn-icon-bg-hover)}.btn--icon:hover:not(:focus) svg{fill:var(--btn-icon-svg-hover)}.btn--icon:focus{border-radius:6px;background:none}.btn--icon:active{border-radius:var(--size)}.btn--icon:active svg{fill:var(--btn-icon-svg-active)}.btn--filled{--color: var(--btn-filled-text);color:var(--color);background-color:var(--btn-filled-bg);border-color:transparent!important}.btn--filled svg{fill:currentColor}.btn--filled:focus{background-color:var(--btn-filled-bg)}.btn--filled:hover:not(:focus){color:var(--color);background-color:var(--btn-filled-bg-hover);box-shadow:none}.btn--filled:active{color:var(--btn-filled-text-active);background-color:var(--btn-filled-bg-active);box-shadow:none}.btn--filled:disabled{color:var(--btn-filled-text-disabled);background-color:var(--disabled);box-shadow:none}.btn--text{--padding: 4px;--color: var(--interactive-07);color:var(--color);border:0;border-bottom:2px solid transparent;background-color:transparent;border-radius:0;padding-left:var(--padding);padding-right:var(--padding);margin-left:calc(var(--padding) * -1);margin-right:calc(var(--padding) * -1)}.btn--text:focus{border-radius:6px;background:none}.btn--text:focus:not(:focus-visible){box-shadow:none}.btn--text:hover{border-radius:0;box-shadow:none;color:var(--btn-outline-text-hover)}.btn--text:active{border-bottom:2px solid transparent;box-shadow:none;color:var(--btn-outline-text-active)}.btn--text:disabled{border:1px solid var(--disabled);color:var(--btn-outline-text-disabled);box-shadow:none}.btn:disabled{pointer-events:none;opacity:.5}