.button-ext{cursor:pointer;font-size:16px;font-family:var(--button-font-family);text-align:center;background:0 0;flex-direction:column;align-items:center;padding:14px 16px;display:flex}.button-ext:disabled{opacity:.5}.button-ext>.button-content{flex-direction:row;align-items:center;gap:8px;display:flex}.button-ext.icon-holder{border:0;align-self:center;padding:0}.button-ext.with-loader>.loader-wrapper{position:absolute}.hidden:is(.button-ext.with-loader>.loader-wrapper){opacity:0;transition-duration:.1s;transition-timing-function:ease-in-out;transform:translateY(-20px)}.shown:is(.button-ext.with-loader>.loader-wrapper){opacity:1;transition:transform .2s ease-in-out .1s,opacity .2s ease-in-out .1s;transform:translateY(0)}:is(.button-ext.with-loader>.loader-wrapper) .loader-wave div{background:currentColor}.hidden:is(.button-ext.with-loader>.button-content){opacity:0;transition:transform .1s ease-in-out,opacity .1s ease-in-out;transform:translateY(20px)}.shown:is(.button-ext.with-loader>.button-content){opacity:1;transition:transform .2s ease-in-out .1s,opacity .2s ease-in-out .1s;transform:translateY(0)}.button-ext.auto{width:auto}.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled{border-radius:var(--button-ext-filled-border-radius);border:var(--button-ext-filled-border);background-color:var(--button-ext-filled-background-color);color:var(--button-ext-filled-color);font-size:16px;font-weight:var(--button-ext-filled-font-weight);text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-width:224px;height:48px;padding:0 16px;text-decoration:none;display:inline-flex}.hover:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled):not(.loading),:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled):hover:not(.loading){background-color:var(--button-ext-filled-background-color-hover);color:var(--button-ext-filled-color-hover);border:var(--button-ext-filled-border-hover);transition:var(--global-button-transition)}.active:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled):not(.loading),:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled):active:not(.loading){border:var(--button-ext-filled-border-active);background-color:var(--button-ext-filled-background-color-active);color:var(--button-ext-filled-color-active);transition:var(--global-button-transition)}:is(.with-loader:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled)>.loader-wrapper) .loader-wave div{background:var(--button-ext-filled-loading-color)}:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled) a{color:var(--button-ext-filled-color);text-decoration:none}:is(:is(.text-block button.button-primary,.text-block button.button-secondary,.button-ext.primary,.button-ext.secondary,.text-block a.button-primary,.text-block a.button-secondary,.button-ext.filled) a):hover{color:var(--button-ext-filled-color)}.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted{border:var(--button-ext-filled-inverted-border);background-color:var(--button-ext-filled-inverted-background-color);color:var(--button-ext-filled-inverted-color)}.hover:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted):not(.loading),:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted):hover:not(.loading){background-color:var(--button-ext-filled-inverted-background-color-hover);color:var(--button-ext-filled-inverted-color-hover);border:var(--button-ext-filled-inverted-border-hover);transition:var(--global-button-transition)}.active:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted):not(.loading),:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted):active:not(.loading){background-color:var(--button-ext-filled-inverted-background-color-active);color:var(--button-ext-filled-inverted-color-active);border:var(--button-ext-filled-inverted-border-active);transition:var(--global-button-transition)}:is(.with-loader:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted)>.loader-wrapper) .loader-wave div{background:var(--button-ext-filled-inverted-loading-color)}:is(.text-block button.button-secondary,.button-ext.secondary,.text-block a.button-secondary,.button-ext.filled.inverted) a{color:var(--button-ext-filled-inverted-color);text-decoration:none}.button-ext.outlined{border-radius:var(--button-ext-outlined-border-radius);border:var(--button-ext-outlined-border);background-color:var(--button-ext-outlined-background-color);min-width:224px;height:48px;color:var(--button-ext-outlined-color);font-size:16px;line-height:24px;font-weight:var(--button-ext-outlined-font-weight);text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;text-decoration:none;display:inline-flex}.button-ext.outlined.hover:not(.loading),.button-ext.outlined:hover:not(.loading){background-color:var(--button-ext-outlined-background-color-hover);color:var(--button-ext-outlined-color-hover);border:var(--button-ext-outlined-border-hover);transition:var(--global-button-transition)}.button-ext.outlined.active:not(.loading),.button-ext.outlined:active:not(.loading){background-color:var(--button-ext-outlined-background-color-active);color:var(--button-ext-outlined-color-active);border:var(--button-ext-outlined-border-active);transition:var(--global-button-transition)}:is(.button-ext.outlined.with-loader>.loader-wrapper) .loader-wave div{background:var(--button-ext-outlined-loading-color)}.button-ext.outlined.inverted{border:var(--button-ext-outlined-inverted-border);color:var(--button-ext-outlined-inverted-color);background-color:var(--button-ext-outlined-inverted-background-color)}.button-ext.outlined.inverted.hover:not(.loading),.button-ext.outlined.inverted:hover:not(.loading){background-color:var(--button-ext-outlined-inverted-background-color-hover);color:var(--button-ext-outlined-inverted-color-hover);border:var(--button-ext-outlined-inverted-border-hover);transition:var(--global-button-transition)}.button-ext.outlined.inverted.active:not(.loading),.button-ext.outlined.inverted:active:not(.loading){background-color:var(--button-ext-outlined-inverted-background-color-active);color:var(--button-ext-outlined-inverted-color-active);border:var(--button-ext-outlined-inverted-border-active);transition:var(--global-button-transition)}:is(.button-ext.outlined.inverted.with-loader>.loader-wrapper) .loader-wave div{background:var(--button-ext-outlined-inverted-loading-color)}.button-ext.tonal{border-radius:var(--button-ext-tonal-border-radius);border:var(--button-ext-tonal-border);background-color:var(--button-ext-tonal-background-color);min-width:224px;height:48px;color:var(--button-ext-tonal-color);font-size:16px;line-height:24px;font-weight:var(--button-ext-tonal-font-weight);text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;text-decoration:none;display:inline-flex}.button-ext.tonal.hover:not(.loading),.button-ext.tonal:hover:not(.loading){background-color:var(--button-ext-tonal-background-color-hover);color:var(--button-ext-tonal-color-hover);border:var(--button-ext-tonal-border-hover);transition:var(--global-button-transition)}.button-ext.tonal.active:not(.loading),.button-ext.tonal:active:not(.loading){background-color:var(--button-ext-tonal-background-color-active);color:var(--button-ext-tonal-color-active);border:var(--button-ext-tonal-border-active);transition:var(--global-button-transition)}:is(.button-ext.tonal.with-loader>.loader-wrapper) .loader-wave div{background:var(--button-ext-tonal-loading-color)}.button-ext.text{border:none}.button-ext.small{min-width:160px;height:36px;font-size:14px}button.button-primary>.link-ext.link.filled{color:var(--button-ext-filled-color)}button.button-secondary>.link-ext.link.filled{color:var(--button-ext-filled-inverted-color)}
