.a-btn__icon{z-index:1;width:var(--spacing-24);height:var(--spacing-24)}.a-btn__icon svg{width:100%;height:100%}.a-btn__text{z-index:1;position:relative;text-box:trim-both cap alphabetic}.a-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;gap:var(--spacing-8);border-radius:var(--border-radius-md);padding:var(--spacing-12) var(--spacing-16);text-decoration:none;font-family:inherit;border:none;transition:opacity .25s ease-out;box-sizing:border-box;background-color:rgba(0,0,0,0);font-weight:var(--font-weight-600);font-size:var(--font-size-1);line-height:var(--font-size-1_5)}.a-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-on-secondary),0 0 0 4px var(--color-tertiary)}.a-btn:active:not(:disabled){opacity:.5}.a-btn:disabled{cursor:not-allowed}.a-btn:not(:disabled)::before{content:"";position:absolute;z-index:0;inset:0;transition:background-color .25s ease-out}.a-btn--variant-filled.a-btn--role-brand{color:var(--color-action-on-brand);background-color:var(--color-action-brand)}.a-btn--variant-filled.a-btn--role-brand:hover::before{background-color:var(--color-action-on-brand-overlay)}.a-btn--variant-filled.a-btn--role-primary{color:var(--color-action-on-primary);background-color:var(--color-action-primary)}.a-btn--variant-filled.a-btn--role-primary:hover::before{background-color:var(--color-action-on-primary-overlay)}.a-btn--variant-filled.a-btn--role-secondary{color:var(--color-action-on-secondary);background-color:var(--color-action-secondary)}.a-btn--variant-filled.a-btn--role-secondary:hover::before{background-color:var(--color-action-on-secondary-overlay)}.a-btn--variant-filled:disabled{color:var(--color-on-inactive);background-color:var(--color-inactive)}.a-btn--variant-outline:focus-visible{outline:none;box-shadow:0 0 0 0px var(--color-on-secondary),0 0 0 2px var(--color-tertiary)}.a-btn--variant-outline.a-btn--role-primary{color:var(--color-action-primary)}.a-btn--variant-outline.a-btn--role-primary:not(:focus-visible):not(:disabled){box-shadow:inset 0 0 0 2px var(--color-action-primary-outline)}.a-btn--variant-outline.a-btn--role-primary:hover::before{background-color:var(--color-action-primary-overlay)}.a-btn--variant-outline:disabled{color:var(--color-on-inactive-variant);box-shadow:inset 0 0 0 2px var(--color-on-inactive-variant)}.a-btn--variant-ghost.a-btn--role-primary{color:var(--color-action-primary)}.a-btn--variant-ghost.a-btn--role-primary:hover::before{background-color:var(--color-action-primary-overlay)}.a-btn--variant-ghost.a-btn--role-secondary{color:var(--color-tertiary)}.a-btn--variant-ghost.a-btn--role-secondary:hover::before{background-color:var(--color-tertiary-overlay)}.a-btn--variant-ghost:disabled{color:var(--color-on-inactive-variant)}.a-btn--icon-only{padding:var(--spacing-12)}.a-btn--size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-16)}.a-btn--size-small.a-btn--icon-only{padding:var(--spacing-4)}
