.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:.7rem;
  padding:.8rem 1.3rem;
  min-height:48px;
  border:1px solid transparent;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  line-height:1.5;
  transition:background .15s,color .15s,border-color .15s,transform .15s
}

.button--primary {
  background:var(--color-accent);
  border-color:var(--color-accent);
  color:white
}
.button--primary:hover {
  background:var(--color-link);
  border-color:var(--color-link);
  transform:translateY(-1px)
}
.button--secondary {
  background:transparent;
  border-color:var(--color-border);
  color:var(--color-primary)
}
.button--secondary:hover {
  border-color:var(--color-primary);
  background:var(--color-bg-soft)
}
.button--text {
  color:var(--color-link);
  padding-inline:0
}
.button:disabled {
  background:var(--color-bg-soft);
  border-color:var(--color-border);
  color:var(--color-muted)
}