.button{position:relative;display:inline-flex;align-items:center;height:50px;padding:0 30px;font-weight:700;text-transform:uppercase;font-size:12px;line-height:.85em;border-radius:15px;color:rgb(var(--color-background));cursor:pointer;transition:filter 175ms ease}.button:hover{filter:brightness(1.1)}.button--primary{background-color:rgb(var(--color-primary))}.button--secondary{background-color:rgb(var(--color-secondary))}.button--tertiary{background-color:rgb(var(--color-tertiary))}.button--quaternary{background-color:rgb(var(--color-quaternary))}.button--negative{background-color:rgb(var(--color-background));color:rgb(var(--color-text))}.button--negative:hover{background-color:rgb(var(--color-white));filter:none}