.c-button,
button {
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  padding: 9px 14px;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 700;
}
.c-button--primary,
.btn-primary { background: linear-gradient(135deg, #7381ff, #5b6df0); color: #fff; border-color: #7a87ff; }
.c-button--ghost,
.btn-ghost { background: rgba(9, 19, 45, .62); border-color: #304679; color: #d9e5ff; }
.c-button--danger,
.btn-danger { background: transparent; border-color: #6f2d2d; color: #ffbaba; }
.c-button--warn,
.btn-warn { background: transparent; border-color: #6a5425; color: #f0cd84; }
.c-button--full {
  width: 100%;
}
.c-button--justify-start {
  justify-content: flex-start;
}