.button{--button-primary-color: var(--green);display:inline-flex;justify-content:space-between;align-self:flex-start;padding:.5em 1em;outline:none;gap:5px;background:var(--button-primary-color);color:var(--white);border:2px solid transparent;border-radius:var(--border-radius);line-height:1.5em;font-size:1em;font-weight:700;text-decoration:none;cursor:pointer;transition:filter ease-in-out .2s;white-space:nowrap}.button:hover,.button:focus{filter:brightness(90%);text-decoration:none}.button.danger{--button-primary-color: var(--red)}.button.warning{--button-primary-color: var(--yellow)}.button.inverse{color:var(--button-primary-color);background:var(--white);border-color:var(--button-primary-color)}.button.small{font-size:.8em}.button[disabled]{cursor:not-allowed;filter:grayscale(50%)}