:root{--btn-line-height:18px;--btn-large-line-height:23px;--btn-small-line-height:16px;--btn-padding:var(--spacing-4) var(--spacing-8);--btn-padding-small:var(--spacing-3) var(--spacing-6);--btn-padding-large:var(--spacing-4) var(--spacing-10)}.icon.svelte-ff6f6r{align-self:center;align-items:center;display:inline-flex}.btn.svelte-ff6f6r{cursor:pointer;color:var(--btn-color);border-radius:var(--btn-border-radius);font-weight:600;font-size:var(--btn-font-size,var(--text-body));line-height:var(--btn-line-height);gap:var(--spacing-2);appearance:auto;padding:var(--btn-padding,var(--spacing-3) var(--spacing-5));border:var(--btn-border);background-color:#0000;outline:none;text-decoration:none;transition:all .2s;position:relative;& .icon:where(.svelte-ff6f6r){height:var(--btn-line-height)}&.small{font-size:var(--btn-font-size-small,var(--text-body-small));line-height:var(--btn-small-line-height);padding:var(--btn-padding-small,var(--spacing-2) var(--spacing-4));& .icon:where(.svelte-ff6f6r){height:var(--btn-small-line-height)}}&.large{font-size:var(--btn-font-size-large,var(--text-body-big));line-height:var(--btn-large-line-height);padding:var(--btn-padding-large,var(--spacing-4) var(--spacing-6));& .icon:where(.svelte-ff6f6r){height:var(--btn-large-line-height)}}&.fullWidth{width:100%;display:flex}&.outline{color:var(--btn-outline-text-color);background-color:var(--btn-outline-bg-color);border:1px solid var(--btn-outline-border-color,var(--action))}&.filled{background-color:var(--btn-filled-bg-color);color:var(--btn-filled-color)}&.pill{padding:var(--spacing-1) var(--spacing-2);border-radius:1000px;height:32px;&.icon{padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-1);&.icon-right{padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-2)}}}@media (hover:hover){&:hover{background-color:var(--btn-hover-bg-color);color:var(--btn-hover-color);&.filled{color:var(--btn-filled-hover-text-color);background-color:var(--btn-filled-hover-bg-color)}}}&:active{background-color:var(--action-hover);color:var(--text-inverted);&.filled{background-color:var(--action-pressed)}}&:disabled,&.disabled{color:var(--disabled);pointer-events:none;border:var(--btn-disabled-border-color);&.outline{color:var(--disabled);border-color:var(--disabled)}&.filled{color:var(--text-inverted);background-color:var(--disabled)}}&.icon-right{flex-direction:row-reverse}}