/* Theme default - buttons.css: buttons. */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.78rem 1.4rem;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  color: var(--text);
  background: rgb(var(--surface-rgb) / 0.6);
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s, background 0.25s;
}
.btn:hover { transform: translateY(-2px); border-color: rgb(var(--ink-rgb) / 0.45); }
.btn-primary {
  border-color: transparent;
  color: var(--on-primary);
  background: linear-gradient(120deg, var(--primary-tint), var(--primary) 55%, var(--primary-tint));
  box-shadow: 0 12px 34px -16px rgb(var(--primary-rgb) / 0.9);
}
.btn-primary:hover { box-shadow: 0 18px 44px -16px rgb(var(--primary-rgb) / 0.8); }
.btn-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.8rem; }