/* DS application buttons (palette.md v1.4.1). */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 36px;
  padding: 13px 20px 12px;
  border: 0;
  border-radius: 0;
  background: var(--accent-blue);
  color: var(--hi);
  font: 400 11px/1 var(--font-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.btn.o,
.btn.secondary {
  background: transparent;
  color: var(--accent-blue);
  border-width: 1px;
  border-style: solid;
  border-color: var(--accent-blue);
}
.btn.l {
  background: transparent;
  color: var(--accent-blue);
  padding: 0 var(--space-1);
  min-height: auto;
}
.btn.s {
  min-height: 30px;
  padding: 0 var(--space-3);
}
.btn.off {
  background: transparent;
  color: var(--graphite-mid);
  border-width: 0.75px;
  border-style: solid;
  border-color: var(--grid);
}
.btn.danger {
  background: var(--danger);
  color: var(--hi);
  border-width: 1px;
  border-style: solid;
  border-color: var(--danger);
}
.btn.danger-o {
  background: transparent;
  color: var(--danger);
  border-width: 1px;
  border-style: solid;
  border-color: var(--danger);
}