/* =========================================================
   BUTTONS
========================================================= */

.btn-solid,
.btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;

  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.06em;

  text-decoration:none;
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease;
}


.btn-solid{
  background:var(--ink);
  color:var(--paper);
  border:1px solid var(--ink);
}

.btn-solid:hover{
  transform:translateY(-1px);
}


.btn-ghost{
  color:var(--ink);
  background:transparent;
  border:1px solid var(--rule);
}

.btn-ghost:hover{
  border-color:var(--ink3);
  background:var(--paper2);
}