.button-component{width:100%;padding:var(--nai-spacing-sm)var(--nai-spacing-lg);border-radius:var(--nai-radius-sm);justify-content:center;align-items:center;gap:var(--nai-spacing-sm);text-align:center;letter-spacing:0;border:none;font-weight:600;transition:opacity .2s;display:flex}.button-component .button-component__text{font-size:var(--nai-font-size-md)}.button-component [alt="icon button left"],.button-component [alt="icon button right"]{width:16px;height:100%}.button-component:hover{opacity:.9}.button-component:disabled{cursor:not-allowed;opacity:.6}.button-component.primary{background-color:var(--nai-color-quaternary);color:var(--nai-color-secondary)}.button-component.secondary{background-color:var(--nai-color-tertiary);color:var(--nai-color-primary)}.button-component.tertiary{color:var(--nai-color-tertiary);border:2px solid var(--nai-color-tertiary);background-color:#0000}