.btn {
    min-height: 40px;
    border: none;
    cursor: pointer;
    font: 700 .9rem/1 Onest, Arial, sans-serif;
    padding: 0 20px;
    margin: 0;
    background: var(--md-primary);
    color: var(--md-on-primary);
    border-radius: 999px;
    box-shadow: none;
    transition: box-shadow 120ms ease, filter 120ms ease;
}
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn:not(:disabled):hover { box-shadow: 0 2px 8px var(--md-shadow); filter: brightness(1.04); }