.base-button{align-items:center;border-radius:var(--pill-border-radius);color:var(--font-color-creme);display:flex;font-weight:700;gap:.25rem;justify-content:center;line-height:normal;padding:var(--pill-padding);position:relative;text-decoration:none;transition:all .2s;z-index:1}.base-button:disabled{cursor:not-allowed;opacity:.6}.base-button--primary{background:var(--background-primary);border:1px solid var(--border-primary)}.base-button--primary.show[aria-expanded=true],.base-button--primary:hover:not(:disabled){background:var(--background-secondary);border-color:var(--border-secondary)}.base-button:before{background:var(--background-gradient-4);border-radius:var(--pill-border-radius);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;z-index:-1}.base-button--tertiary{background:var(--background-gradient-3);border:1px solid var(--border-color-9)}.base-button--tertiary:hover:not(:disabled){border-color:var(--border-tertiary)}.base-button--tertiary:hover:not(:disabled):before{opacity:1}.base-button--tertiary:disabled{color:var(--button-tertiary-disabled-text-color)}.base-button--outline{background:transparent;border:1px solid var(--border-primary);overflow:hidden;z-index:1}.base-button--outline:hover:not(:disabled){border-color:var(--border-secondary)}.base-button--outline:hover:not(:disabled):before{opacity:1}.base-button--outline:before{background:var(--background-secondary)}.base-button--active{background:var(--background-primary);border-color:var(--border-primary)}.base-button--active:hover{cursor:default}.base-button--active:before{background:var(--background-primary);border-color:var(--border-primary)}[data-theme] .base-button{color:var(--neutrals-color)}[data-theme] .base-button--primary{background:var(--background-5);border:none}[data-theme] .base-button--tertiary{border:none}[data-theme] .base-button--active,[data-theme] .base-button--active:hover{background:var(--background-primary);border-color:var(--background-primary)}[data-theme] .base-button--active:hover{cursor:default}[data-theme=gray] .base-button--tertiary,[data-theme=turquoise] .base-button--tertiary{color:var(--font-color-6)}