.btn {
  background: var(--btn-bg); border: 2px solid var(--btn-bg); color: var(--btn-text);
  font-weight: 500; font-size: 0.85rem; letter-spacing: 0.06em; padding: 8px 20px;
  border-radius: 30px; cursor: pointer; transition: all 0.2s; font-family: inherit;
  display: inline-flex; align-items: center; gap: 6px;
}

.btn:hover { background: var(--surface); color: var(--btn-bg); }
.btn:active { transform: scale(0.96); }

.btn-group { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }