/* buttons.css - Buttons. */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 44px;
  padding: .7rem 1.5rem;
  border-radius: 14px;
  border: 1px solid var(--bd);
  background: var(--glass);
  color: var(--ink);
  font: 500 .95rem/1.2 inherit;
  font-family: inherit;
  cursor: pointer;
  transition: .2s;
}

.btn:hover {
  border-color: var(--ink);
}

.btn.pri {
  border: 0;
  background: linear-gradient(180deg,#86d9b8,#46ad85);
  color: #06140e;
  box-shadow: 0 8px 28px rgba(92,196,155,.3);
}

.btn.pri:hover {
  filter: brightness(1.12);
}