.button{background-color:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:2rem;padding:.75rem 1rem;min-height:2.5rem;font-weight:550;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.button::before{content:"";position:absolute;left:var(--ripple-x, 50%);top:var(--ripple-y, 50%);width:250%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background-color:color-mix(in srgb, var(--on-primary) 16%, transparent);transform:scale(0);transition:transform .4s ease;pointer-events:none;overflow:hidden}.button.button--ripple::before{transform:scale(1)}.button:hover:not(:disabled,.disabled){background-color:var(--primary-8)}.button:disabled,.button.disabled{opacity:.37;cursor:not-allowed}.button-text{background-color:rgba(0,0,0,0);color:var(--on-surface)}.button-text:hover:not(:disabled,.disabled){background-color:var(--primary-8);color:var(--on-primary)}.button-text.active{background-color:var(--primary);color:var(--on-primary)}.button-outline{background-color:rgba(0,0,0,0);color:var(--primary);border:1px solid var(--outline-variant)}.button-outline:hover:not(:disabled,.disabled){background-color:var(--primary-8);color:var(--on-primary)}.button-outline.active{background-color:var(--primary);color:var(--on-primary)}.button-danger{background-color:var(--error);color:var(--on-error)}.button-danger:hover:not(:disabled,.disabled){background-color:var(--error-8)}.button[disabled],.button.disabled{opacity:.37;cursor:not-allowed}input.button::before{content:none}input.button.button--ripple{background-image:radial-gradient(circle var(--ripple-radius, 0) at var(--ripple-x, 50%) var(--ripple-y, 50%), color-mix(in srgb, var(--on-primary) 16%, transparent) 0, color-mix(in srgb, var(--on-primary) 16%, transparent) 99%, transparent 100%)}