.button{
  display:inline-block; text-decoration:none; font-weight:700; border-radius:10px;
  padding:.9rem 1.1rem; transition:.25s ease; border:2px solid transparent
}
.button--primary{background:var(--brand); color:#fff}
.button--primary:hover{background:var(--brand-600); transform:translateY(-1px)}
.button--ghost{background:#fff3e8; color:var(--brand); border-color:var(--brand)}
.button--ghost:hover{background:#fff3e8}
.button--outline{background:transparent; color:var(--text); border-color:#ddd}
.button--outline:hover{border-color:var(--brand); color:var(--brand)}