.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;font-weight:var(--font-weight-extralight);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn:after{content:"";position:absolute;inset:var(--component-button-inner-border-inset);box-shadow:inset 0 0 0 .5px var(--_btn-inner-border,transparent);pointer-events:none;z-index:1}.btn:active{transform:scale(.98)}.btn-large{height:48px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-medium{height:38px;padding:var(--spacing-sm) var(--spacing-xl)}.btn-small{height:24px;padding:var(--spacing-xxs) var(--spacing-xs)}.btn-primary{--_btn-inner-border:var(--component-button-inner-border-primary);background-color:var(--component-button-primary-background);color:var(--component-button-primary-text)}.btn-primary:hover{position:relative}.btn-primary:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-secondary{--_btn-inner-border:var(--component-button-inner-border-secondary);background-color:var(--component-button-secondary-background);color:var(--component-button-secondary-text);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.btn-secondary:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-outline{--_btn-inner-border:var(--component-button-inner-border-outline);border-color:transparent;color:var(--component-button-outline-text);background-color:transparent;box-shadow:inset 0 0 0 .5px var(--component-button-outline-border)}.btn-outline:after{inset:2px}.btn-outline:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-onimage{--_btn-inner-border:var(--component-button-inner-border-onimage);background-color:var(--component-button-onimage-background);color:var(--component-button-onimage-text);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.btn-onimage:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--component-button-hover-overlay);pointer-events:none}.btn-ghost{--_btn-inner-border:transparent;background-color:var(--component-button-ghost-background);color:var(--component-button-ghost-text);border:none}.btn-ghost:hover{background-color:var(--component-button-ghost-hover-background)}.btn-icon-left,.btn-icon-right{gap:0}.btn-large.btn-icon-left,.btn-large.btn-icon-right,.btn-medium.btn-icon-left,.btn-medium.btn-icon-right{gap:var(--spacing-xs)}.btn-small.btn-icon-left,.btn-small.btn-icon-right{gap:var(--spacing-xxs)}.btn-icon-left>i,.btn-icon-left>svg,.btn-icon-right>i,.btn-icon-right>svg{flex-shrink:0}.btn-icon-left{flex-direction:row}.btn-icon-right{flex-direction:row-reverse}.btn-icon-only{width:auto;aspect-ratio:1;padding:0}.btn-large.btn-icon-only{width:48px;height:48px}.btn-medium.btn-icon-only{width:38px;height:38px;padding:7px}.btn-small.btn-icon-only{width:24px;height:24px}.btn:focus-visible{outline:2px solid var(--applied-border-accent);outline-offset:2px}.btn:disabled{opacity:var(--opacity-medium);cursor:not-allowed;pointer-events:none}