.c-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 var(--s-4);
  border-radius: var(--r-md);
  border: 1px solid transparent;
  font-weight:900; font-size:14px;
  text-decoration:none;
  cursor:pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.c-btn--primary{
  background: var(--accent-500);
  color: #200b1d;
  box-shadow: var(--shadow-1);
}
.c-btn--primary:hover{
  background: var(--accent-600);
  transform: translateY(-1px);
  box-shadow: var(--shadow-2);
}

.c-btn--secondary{
  background: var(--bg-0);
  border-color: var(--n-200);
  color: var(--n-900);
}
.c-btn--secondary:hover{
  background: var(--bg-50);
  transform: translateY(-1px);
}